المقدمة : 


الحمد لله ماحمده الحامدون وغفل عن حمده الغافلون والصلاة والسلام علي عبده ورسوله محمد صلاة بعدد ذرات 
الخلائق وما يكون . ورضاك اللهم عن آله الطيبين وصحبه المكرمين المبجلين أجمعين وبعد › 


يقدم هذا الجزء من الكتاب الخطوات الأولي لتعليم لغة الجافا سكربت » وربما يحتاج القارئ أن يكون ملما بأساسيات 
لغة الهتمل ۸٣١١‏ الخاصة بتكوين صفحات الويب 


في حالة وجود أي أخطاء أرجو اعلامي عن الخطأً علي العنوان التالي 
a elhussein @hotmail.com‏ 


وأرجو من كل من أستفاد من هذا الكتاب أن يدعوا لي بالتوفيق في الدنيا والأخرة 


إهداء : 
أهدي هذا الكتاب إلي الجيل القادم الذي يعز الله به الإسلام 
وقد شاء الله أن أنهي هذا الجزء من الكتاب في يوم ميلاد النبي الأمي محمد بن عبد الله صلي الله عليه وسلم وهو 
أول معلم و خير معلم بما علمه الله » فأحمد الله علي أن هداني لهذا وما كنا لنهتديا لولا أن هدانا الله . 
وإنا مادامت فيا الحياة باذل جهدي وعقلي ومستفرغ طاقتي في العلم وذلك لثلاثة أمور 
إفادة من يطلب العلم في حياتي وبعد مماتي 


ذخيرة لي في قبري ويوم حسابي 


رفعة لسلطان المسلمين 


جاها سحربت المستوي الاول 


الفصل الأول : مقدمة للغة الجافا سكربت OOO E‏ 
الفصل الثاني : أساسيات لغة الجافا سكربت E O O‏ 
الفصل الثالث : المتغيرات E A‏ 
الفصل الرابع : المعاملات E E O EES SS RE ESAS‏ 
الفصل الخامس : التحكم في مسار البرنامج OO O O E‏ 


الفصل السادس : الدوال أو الوظائف 


جاها سحربت المستوي الاول 


الفصل الأول 
عقدمة للغة الجافا سكر بيخ 


سوف نناقش إن شاء الله في هذا الفصل النقاط التالية : 


ماهي الجافا سکربت 

أصل الجافا سكريت 

مميزات الجافا سكربت 

لماذا أتعلم الجافا سكربت 

ماهو الفرق بين الجافا .. والجافا سكربت 

ما المقصود بشفرة البرنامج أو السورس كود 
متضفحي النتفدكف والاكستلورة 

"Hello World" Jوُأل| برنامجك‎ 


جاها سحربت المستوي الاول 


ماهي الجافا سكربت 


الخاقا سكريت وبكل بساطة 'لفة من لفات البرمخة أن صح التعبير... مهامها الأساسية بت الخياة قي صقحات الويب 
المكتوية بلفة .ال 1۲١1‏ وفطتك امكانة التحكم يكل حن في صقحة الوت هن أل 0۲۳5 الى الوصلات يل وخثى 
بعض الوظائف الخارجيه. 


أصل الجافا سكربت 


الجافا سكربت صممت من قبل 308ء5٠١‏ لإضافة بعض الحيوية الى صفحات الويب» طبعا لايفوتني أن أذكر أن ال 
2 [ في الاصل صممت من قبل شركة ١1ا5‏ وهي المالك الأساسي للفة . 


ممیزات الجافا سکربت 


الجافا سكربت تختلف عن أغلب لغات البرمجة الأخرى في كونها سهلة التحكم » حتى للأشخاص الذين لم يكتبوا 
بأي لغة برمجة أخرى في حياتهم كلها. بكل بساطة.الجافا سكربت هي الهواء لصفحتك. 


بالإضافة إلي أنها برمجه كائنية الإعتماد ٥5ط‏ اء زط0 اي تعتمد علي وجود بعض الفئات ان صح التعبير مبنية بداخل 
اللغة يمكن إستخدامها بكل سهولة مثل الكائن ٥W‏ لأس و الکكائنj document‏ . 


توفر لفة الجافا سكربت التعامل مع الأحداث كأ" ۷۵م 


تعمل لغة الجافا سكربت من خلال جميع أنظمة التشغيل مثل الويندوز و اللينكس . فهي لا تعتمد علي نظام 
llتشغJaı Platform independent‏ . 


الجافا سكربت هي ع۸9u29ه|‏ ع۷أ†أئهء مجع . أي أن الكلمة المكتوبه بالحروف اللاتينيه الصغيره تختلف عن نفس 
لكلف وكوبة لاف اة 

متثلا: 

Naser‏ غير naser‏ غير naS€er‏ . وهكذا.. 


يفترض الى درجة الإلزام أن ينتهي كل سطر بفاصلة منقوطة : 


var x = 3; 


جاها سحربت المستوي الاول 


الجافا سكربت كما الهتمل ا۷١1۲‏ تتجاهل المساحات الخالية » والسطور الجديدة » مثلا: 
var x = 4‏ هي نفسها var x=4‏ 


مع ملاحظة أنه لابد من ترك مسافة خالية على الأقل بعد أي مصطلح من مصطاحات الجافا 


لماذا اتعلم الجافا سكربت 

أول مايخطر في بالي إجابة على هذا السؤال هو : القوة .. الحريه .. الإبداع . لأنه بمجرد الكتابه بال 1۲١۷1‏ فأنت 

مقيد بأن تظل صفحتك كما هي تابته لاتتغير الا بتغيير الكود » وهذا غير مقبول بتاتا في عالم التكنولوجيا الجديده 

.وبواسطة الجافا سكربت يمكنك حتى الباس صفحتك حلة جديدة من ألوان الخلفيه .. وأنواع الخطوط .. وحتى الصور 
...حسب التوقيت اليومي للزائر ويدون أي تدخل منك! 


وشيء مهم أيضا .. الجافا سكربت تعتبر من أبسط اللغفات ! الكل يستطيع تعلمها .. نعم الكل .. .ألا توافقني الرأي › 
أن كتابة الكود الخاص بك مباشرة أفضل ألف مرة من البحث عنه في الشبكه . 


وربما لاتجد مبتغاك بسهولة ! أو قد لاتجدة إطلاقا. 


ماهو الغفرق بين الجافا .. والجاقا سكربت 


الفرق بينهما كبير . نعم فالجافا أقوي بكثير من الجافا سكربت » وأكثر تعقيدا ‏ وللأسف » أصعب في التحكم . وهي 
تاتي في نفس مستوى لغتي السي » والسي بلس بلس . 


بالإضافه الى أنك تحتاج الى برامج خاصة للكتابة بلغة الجافا » بينما الجافا سكريت أبسط بكثير ! يمكنك بمجرد فتح 


آي برنامج تحرير نصوص متثل النوتة 01۴۴۸0 كتابة السكربت كاملا !!! صدق أولا تصدق . لن تحتاج الى شي آخر 
سوی المتصفح لتری | لنتيحه . 


ما المقصود بشغرة البرنامج أو السورس كود 


الكود أو السورس كود : هو مجموعة الأوامر التي تكتب مجتمعة أو متفرقة ليعمل البرنامج بصورتة الرئيسيه » أي 
البنية التحتية للبرنامج » وتكون دائما مكتوبه كتابة ويمكن عرضها باي برنامج تحرير نصوص عادي مثل ال ۲۸0 N017۴‏ 


جاها سحربت المستوي الاول 


متصغفحيى النتسكيب والإکسبلورر 
Eas eS aa aE RE e a eS‏ 6 
للأسف . الإجابة بلا ! 


الجافا سكريت أصلا مصمم من قبل شركه نتسكيب . اذا نتسكيب أكثر دعما له . من جهة أخرى هناك فروقات 
أساسية في تعامل هذين المتصفحين مع الجافا » وبعضها يطال حتى الأوامر الأساسيه. 


سنتطرق لاحقا الى كيفية تجاوز هذه العقبة » أما الآن فدعني أخبرك بأن أفضل طريقة للتأكد من عمل السكربت هو 
تجربته على كلا المتصفحين . طبعا ستدهشك كثرة المواقع التي فشلت في الوصول بصفحاتها الى أفضل شكل 
ودعم لکلا المتصفحين > وهذا مايفسر السطر الذي نراه کثیرا: 


لأفضل عرض . ينصح بإستخدام المتصفح الفلاني. 


طبعا ولأن الأغلبية تستخدم الإكسبلورر » فسيكون التركيز علية في الشرح والأمثله » ولن أنسى التطرق الى كيفية 
معرفة نوع المتصفح الخاص بالمستخدم. 


برنامجك J|lأJa "Hello World"‏ 
هذا الحتال الشهير ب W6۲8‏ ۳616 يمكقا من استعراض آساسيات كابة گود خاقا سكريت 


<HTML> 
<HEAD> 
<TITLE>My First Script</TITLE> 
</HEAD> 


<BODY> 
<H2> this is my First JavaScript Code </H2> 
<HR> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1I-—- 

document.write ("Hello World"); 

AAS 
</SCRIPT> 

</BODY> 

</HTML> 


جاها سحربت المستوي الاول 


ويكون هذا هو الناتج عند عرضه من خلال المتصفح أنترنت أكسبلورار 


E My First Script - Microsoft Internet Explorer 
| File EJ Yew Favoriles [ools Help 


| dh Lack ” mp ¬ 3 2 Î Search | [Favorites C.A History E E : 
this is my First JavaScript Code 


Hello World 


Done | | 8 My Larmpuuter 2‏ چ 


هذا المثال البسيط سوف يكون البوابة الأولي لدخول عالم البرمجة بلغة الجافا سكربت 

ومنه سوف نتعرف علي الخطوات المتبعة لكتابة كود جاقا سكربت وهي كما يلي : 
تلاخظ آنا أدرخنا كود الجافا كريب بداخل أكواد (اوسمه) هتمل ا لاء للك بدا الاحة آن 
حتي پتم تنفيذ أكواد الجافا سكريت سوف نحتاج إلي إدراج كود الجافا سكريت في ملف ذو إمتداد 
htm‏ أو اtط‏ (أو ملفات دینامیکیة مثل ۸5۴ أو )۴۳١۴‏ 
لذلك سوف نحفظ الكود السابق في ملف ولیکون ۴it 5.۸٤٣‏ 

٠‏ تانيا ربما يتبادر إلي الذهن كيف يتم الفصل بين كود الهتمل وكود الجافا سكربت لاحظ الكود 

التالي 


<SCRIPT LANGUAGE="JavaScript ">‏ 
هنا يتم كتابة كود الجافا سكربت // 
</SCRIPT>‏ 


بكل سهولة توفر لنا لغة الهتمل أحد الأوسمة (۲۵9) وهو <امأاCئ>‏ 

هذا الوسم يحتاج ان نحدد له اسم اللغة المستخدمة لكتابة السكربت 

ويتم هذا من خلال إستخدام المعامل ع29 الها بان نحدد له القيnمة J avaScrİpt‏ 

مع ملاحظة آنها هي القيمة الأفتراضية لذلك عادة لا نحتاج إلي تحديد لغة الأسكربت إلي جافا 


جاها سحربت المستوي الاول 


<SCRIPT> 
// كما تري لا نحتاج لتحديد لغة الأسكربت‎ 
// هنا يتم كتابة كود الجافا سكربت‎ 
</SCRIPT> 


ويتم وضع الكود الخاص بلغة الجافا سكربت بين الوسمين <ام 5> و <ام S٣‏ /> كما يلي 


<SCRIPT LANGUAGE="JavaScript'"> 
-=-إ<‎ 
document.write ("Hello World"); 
A> 
</SCRIPT> 


* أذا كل ما نحتاجه الأن معرفة كيف يتم كتابة كود الجافا سكربت نعم هذا صحيح ولكن تمهل قليل 
وفكر معي ماذا يحدث لو كان المتصفح المستخدم لفتح الملف لا يدعم لغة الجافا سكريت ؟ 
أعتقد أنك سوف تقول بكل بساطة أن الكود المكتوب بهذه اللغة لن يعمل وهذا القول صحيح 
لكن سوف ينتظرك ما هو أسوء من هذا ألا وهو ظهور كود الجافا سكربت بداخل محتويات الصفحة 
كما بالشكل التالي 


| My First Script - Microsoft Internet Explorer 
| Eile Edl Wiew Favaoriltes [ools Help 


| o Cack > mp + 3 4 O Search | #] Favorites C2 History E 9 r 


this is my First JavaScript Code 


document.write" Hello World"); 


Done oD E My LCampuiter 2‏ چ 


لكن لا تحزن يمكنك إخفاء ظهور كود الجافا سكريت بوضع الكود بين <--// --!> كما يلي 


<== 
document.write ("Hello World"); 


//-=>< 


جاها سحربت المستوي الاول 


٠‏ الأن حان الوقت لمعرفة أول أمر في لغة الجافا سكريت وهو 
document.write ("Hello World");‏ 


:0cument. write‏ يمكننا هذا الأمر من كتابة نص في المتصفح وبالتالي سوق يتم كتابة النص 
Word‏ دااعH‏ مع ملاحظة وضع النص المراد كتابتة بين علامتين تنصيص كما يلي 


document.write ("Hello World"); 


يجب ملاحظة التالي: 

ان لغة الجافا سكريت لغة حساسة لحالة الحروف( الحروف الصغيرة والكبيرة ) فعلي سبيل المثال . 
document.write‏ لا تكافيء Write‏ .0cument‌ه‏ ولو استخدمت بهذا الشکل سوف تؤدي لحدوث خطا 
ولن یتم عرض النص ٥ W0۲4‏ ام۳۸ 


جاها سحربت المستوي الاول 


الفصل الثاني 
اا و 


سوف نناقش إن شاء الله في هذا الفصل النقاط التالية : 


٠‏ إدراج كود الجافا سكربت في صفحة هتمل 
هه إدراج داخلي 


٥ه‏ إدراج خارجي 


° |aiJllعalقlت Comments‏ 
ه تعليق لسطر واحد 
٥ه‏ تعلیق لسطر او لاکثر من سطر 


٠‏ طرق إدخال و إخراج البيانات 
ه طرق إخراج البيانات 
6 الطريقة ءاج 
6 الطريقة write‏ 
6 الطريقة write|¬‏ 
6 الطريقة اام 
ه طرق إدخال البيانات 
6 الطريقة conf۴۲۳‏ 
6 الطريقة prompt‏ 
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جاها سحربت المستوي الاول 


إدراج كود الجافا سكربت في صفحة هتمل 


كما رأينا سابقا في مثال ۷0۲1۵ |٠١‏ أن كود الجافا سكربت غالبا ما يتم إدراجه بين كود الهتمل 
ويتم هذا الإدراج عن طريق : 

.١‏ إدراج داخلي 

۲. إدراج خارجي 


إدراج داخلي : 

فيه پتم كتابة كود الجافا سکربت: 
أ- إما بين الوسم <أمأا)S>‏ ويمكنك وضع هذا الوسم بين الوسم <34ع۸> أو الوسم >80d۷<‏ أو کلاهما 
كما يلي 


وضع كود الجافا سكربت بين وسم <204ع> 
<HTML>‏ 
<Head>‏ 
<script>‏ 
ي 
document.write ("hello world");‏ 
A >‏ 
</script>‏ 
</Head>‏ 


<Body></Body> 
</HTML> 


وضع كود الجافا سكربت بين وسم >800y<‏ 
<HTML>‏ 
<Head></Head>‏ 


<Body> 
<script> 
<= 
document.write ("hello world"); 
> 
</script> 
</Body> 
</HTML> 


لكن ريما يتبادر لك السؤال التالي : 

هل هناك فرق بين إدراج كود الجافا سكربت بين الوسم >۳٠٤۴304<‏ والوسم <Body>‏ ؟ 

الإجابة : بالطبع نعم ولكن هذا الفرق ا تسلسل تنفيذ الكود أي أن كود الجافا سكريت المندرح بين 
الوسمين <۳۴€30[> سوق يتم تنفيذه أولا ) حتي قبل تحميل عناصر الصفحة) 


>80۵0¥۷< كود الجافا سكربت المندرج بين الوسمين‎ e 


جاها سحربت المستوي الاول 


لاحظ معي المثال التالي 
<HTML>‏ 
<HEAD>‏ 
>/۳1٣٤#<‏ الفرق بين وضع الكود <ع1171> 
<SCRIPT LANGUAGE="JavaScript'">‏ 


<1-- 
document. write (" مرحبا بك في إلوسم‎ Head” ; 
document.write ("<br>"); 
a > 
</SCRIPT> 
</HEAD> 
<BODY> 


<SCRIPT LANGUAGE="JavaScript'"> 


<I-—- 
document.write (" pg ("رهە8ط مرحبا بك في‎ ; 
> 
</SCRIPT> 
</BODY> 
</HTML> 


وبالتالي سوف یتم تنفیذه آولا 
<SCRIPT LANGUAGE="JavaScript ">‏ 


<1-- 
document.write (" مuwسgئl مرحبا بك في‎ Head" (; 
document.write ("<br>"); 

AS > 

</SCRIPT> 


ثم وضع الكود التالي بين الوسم <yل80>‏ 
وبالتالي سوف يتم تنفيذه بعد الأنتهاء من تنفيذ الكود السابق 
<SCRIPT LANGUAGE="JavaScript">‏ 
<I-—-‏ 
; ("رۉە8 مرحبا بك في gسwضp‏ "( document.write‏ 
> 
</SCRIPT>‏ 
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جاها سحربت المستوي الاول 


ويكون الناتج كما يلي 


Micıosot Internet Explorer‏ - الغرق بين وض الكود ل 
File Edi Wiew Favorites Tools Help‏ | 


| ن‎ Back > mþ - 9 4 | Î Search | #] Favorites C.A History 


Head‏ مرحپا يك في الوسم 
Body‏ مو حا بك فی وسم 


mH 
3 Done oOo ع‎ My Lampuiter 2 


ب- أو يتم وضع كود الجافا سكربت بداخل اي وسم هتمل 
rag Name>‏ /><"یتم هنا إدر اج کود الجافا nسکربتٽ"= <TagName event‏ 


يتم إستبدال N3۳۴١9۸ه٠‏ باسم الوسم المراد وليكن علي سبيل المتال 5٥37‏ 
ويتم إستبدال ١٣٥۷ع‏ باسم الحدث المطلوب وليكن علي سبيل المثال )cااc" o‏ 
تم يتم وضع الكود داخل هذا الحدث 


وهذا النوع من إدراج كود الجافا سكربت سوق نتناوله في الجزء الثاني من الكتاب بشكل مفصل 
ولكن دعنا نري مثال سريع يوضح الطريقة كما يلي 


<HTML> 
<HEAD> 
إدراج الكود داخل الأوسمة <ع1171>‎ >/7171#< 
</HEAD> 


<Body> 
<span onclick="document . write ( ' قم بالضغط علي هذا النص <" ر نحن الأن بالد|خل‎ </span> 


</Body> 
</HTML> 


تم إستخدام الحدث ءاه (اي عند الضغط علي محتويات الوسم المختار وهو هنا 5037) كما يلي 
</Span>‏ قم بالضغط علي هذا النص <" ٬(‏ نحن الأن بالداخل' ( <Span onclick="document .write‏ 


۾ وفعند الضغط علي محتويات الوسم >503١<‏ سوف يتم تنقيذ الكود التالي 


جاها سدربت المستوي الاول 


('نحن الان بالداخل'(write document.‏ 


<Span onclick="document .write ( قم بالضغط علي هذا النص <" رأ نحن الأن بالداخل'‎ </Span> 


إدراج خارجي : 
فيه یتم إدراج کود الجافا سکربت من ملف خارحي غالبا ما یکون ذو إمتداد 5ز 


<SCRIPT LANGUAGE="JavaScript" src="fileName. js"></SCRIPT> 


ويتم كتابة كود الجافا سكربت في الملف ذو الإمتداد كز 


مثال توضيحي : يتكون من ملفين أحدهما 
ExternalEmbed. htm‏ يدرج به الملف کز.tماuterScrه‏ الذي یحتوي علي کود الجافا سکربت 


ExternalEmbed.htm 
<HTML> 
<Head> 
<SCRIPT LANGUAGE="JavaScript" src="outerScript. js"></SCRIPT> 
</Head> 


<Body> 
ٳدراج خارجي‎ 
</Body> 
</HTML> 


outerScript.js 
document. write هذا نص خارجي من الملف المدر ج")‎ ”( 


document.write ("<br>"); 
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جاها سحربت المستوي الاول 


(Comments) تاlتêيلعill‎ 


ی ا کی ا ی کف و ا کی کک ی کی م وا وق 
واک الال : 

و و 

* صعوبة تصحيح الأخطاء Debug‏ 


إذا ما الحل : 
من الخطوات المتبعة في تقليص هذة المشكلة عمل ملاحظات أو تعليقات كأ١8" C0١‏ لكل جزء من الكود 
وكما سنري يوجد نوعين من التعليقات : 
ه٠‏ تعليق لسطر واحد (//) 
بإاستخدام العلامتين التاليتين // ثم يليهم تعليقك الخاص بك كما بالمثال التالي : 


<HTML> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript "> 


<1I—- 
// إظهار رسالة ترحيب للمستخدم‎ 
document . write ("مpكڊ ”مر حبا‎ ; 
document.write ("<p>");  // طباعة سطضر فارخ‎ 

IEE > 

</SCRIPT> 

</HEAD> 
</HTML> 


ه٠‏ تعليق لسطر أو أكثر من سطر ر(/* */) 
بإاستخدام العلامتين التاليتين */ ثم يليهم تعليقك الخاص بك ربما يكون مكون من سطر او اكثر ثم نضع مرة 
اخرة الفاستيى / نواه التعلف 
كما بالمتال التالي : 


<HTML> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<I-—- 
/* 
إظهار رسالة ترحيب للمستخدم‎ 
تم‎ 
طباعة سطر فارغ‎ 
2 
document.write ( ر (”مرحبا بکم"‎ 
document.write ("<p>"); /* /٭* طباعة سطر فار غ‎ 
> 
</SCRIPT> 
</HEAD> 
</HTML> 
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جاها سحربت المستوي الاول 


يمكنك إستخدام اي نوع من التعليقات أو كلاهما كما يفضل المبرمج. 
كلا النوعين من التعليقات يتم تجاهله من قبل مفسر لغة الجافا سکربت ٤۴٤۲(‏ ۲م۸۲ | ava Scrip‏ [) إي لا يتم 
تنفيذه علي سبيل المثال ريما تقوم بالتالي 


تحويل كود مكون من سطر أو أكثر إلي تعليق (تستخدم هذة الطريقة في عملية تصحيح الأخطاء) 
ويالتالي لن يتم تنفيذه كما بالمتال التالي : 


<HTML> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<1 
/* 
إظهار رسالة ترحيب للمستخدم‎ 
طباعة سطر فارغ‎ 
2 
document . write ( "pكڊ ر(" مرحبا‎ 
document.write ("<p>"); 
// document . write ( "lal إلي‎ E 
1> 
</SCRIPT> 
</HEAD> 
</HTML> 


كما تري لن يتم تنفيذ السطر التالي 


// document . write ( "ءlقllا إلي‎ ”) ; 


ويكون الناتج كما بالشكل التالي 


E D:\LearningîLearning Programming eb Developing Learn Ja... Film] 
| File EJ Wiemw Favorites Tools: Help 


| ن‎ Back > mþ ¬+ x 4 Î Search # | Favorites C.A History 


1 


3 OD ا‎ My Campuiter 2 
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جاها سحربت المستوي الاول 


ملاحظة هامة ٠‏ 

لا يمكنك عمل تداخل (9١1†ء6١)‏ عند إستخدامك للنوع الثاني من التعليقات تعليق لسطر أو أكثر من سطر (/* */) 
لإن ذلك سوف يؤدي إلي إحداث خطاء لغوي ۴۲۲0۲ ×2" Sy‏ 

لاحظ معي الأشكال التالية من الأخطاء : 


<HTML> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1I-—- 
/* 
إظهار رسالة ترحيب للمستخدم‎ 
3 
/* طباعة سطر فارغ‎ */ 
7 
document.write ( ر ر" مرحبا بکم"‎ 
document.write ("<p>"); 
A> 
</SCRIPT> 
</HEAD> 
</HTML> 


*/ 
إظهار رسالة ترحيب للمستخدم 
.* 2 
/* طباعة سطر فارغ */ 
2 


ر 
إظهار رسالة ترحيب للمستخدم 
ك 
طباعة سطر فارغ */ 
/٭ تداخل جدید ٭/ 
2 
4 
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جاها سحربت المستوي الاول 


طرق إدخال و إخراج البيانات 


توفر لنا اي لغة برمجة طرق لإدخال وإخراج البيانات وهي من النقاط الهامة التي تعطي برنامجك تفاعل مع 
المستخدمين لبرنامجك 
وسوف نتناول في هذا الجزء الطرق المختلفة لإخراج وإدخال البيانات . 


أولا : طرق إخراج البيانات 


عندما يقال أن لفة الجافا سكربت توفر لنا طرق لإخراج البيانات نعني بذلك أن لغة الجافا توفر لك بعض 
الأوامر الخاصة بها التي تمكنك من إظهار رسائل تظهر من خلال وحدات الإخراج بجهاز الكمبيوتر ( مثل الشاشة 
والطابعة ) وسوف نتناول هذة الطرق المختلفة . 


: ها٤ الطريقة‎ ١ 
. تقوم بإظهار رسالة إلي المستخدم‎ ٠ 
كما سنري لاحقا‎ W١ 40W تعتبر إحدي الوظائف التابعة للكائن‎ ٠ 


: طريقة إستخدامها‎ ٠ 


alert (" ضع هنا رسالتك‎ J 
او‎ 
window. alert (" كdتlاسر ضع هنا‎ "( ; 


يتم كتابة الأمر ۵۲اه أو ٤۲ماة.س0ل”اس‏ كلاهما سوف يؤدي إلي نفس النتيجة ثم يتم تمرير الرسالة المراد إظهارها 
بين علامتین تنصيیص MI‏ 


<HTML> 
<Titl1le> الطريقة‎ alert </Title> 
<HEAD> 


<SCRIPT LANGUAGE="JavaScript'"> 


<I-—- 
ر” من فضلك يجب إدخال بيانات صحيحة ") خإه1۾‎ , 
⁄//==< 
</SCRIPT> 
</HEAD> 
</HTML> 
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جاها سدربت المستوي الاول 


ويكون الناتج كما يلي : 


2 الظطريغة‎ alert - Microsoft Internef Explorer 


File EJ Yew Favorites Tools Help 


dh Back ~ mþ ¬ 9 2 Î Search | j] Favorites PR Media ER ت‎ 


Microsoft Internet Explorer 


8] Dpening page file:#4D:LearminghLearni | J o | o a My Lamputer ۶ 


۲ الطريقة مtأاw‏ : 
٠‏ تقوم بكنابة نص في الصفحة للمستخدم . 
٠‏ تعتبر إحدي الوظائف التابعة للكائن خ٣#uع‏ هك كما سنري لاحقا 


: طريقة إستخدامها‎ ٠ 


document . write (" كmillسر ضع هنا‎ "( ; 


أيضا يتم تمرير الرسالة المراد كتباتها بين علامتين تنصيص "" وتكون هذة الرسالة إما نص بسيط × هام أو نص 
HTML text Jai‏ 


يجب ملاحظة أن لغة الجافا سكربت لغة حساسة لحالة الحروف لذلك يكتب الأمر كما يلي ٠‏ أأ۷۷۲ جميع حروفه 
صغيرة (small letters)‏ 
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جاها سحربت المستوي الاول 
تمرين لإظهار رسالة ترحيب بسيطة للمستخدم 


<HTML> 
<Title> الطريقة‎ write </Title> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1I-- 
document . wri te ( "liza gم ر ر”مرحبا بك في‎ 
SE 
</SCRIPT> 
</HEAD> 
</HTML> 


ويكون الناتج كما يلي : 


rite - Microsoft Internet Explorer‏ الظريغة ل 


| File Edl Wiew Favorites Tools Help 


| dh Back - mp ¬ 9 4 Î Search | j] Favorites AP Media 0 


Hl 


E OTO BD GT TT 


br 
ر‎ 


في هذا التمرين سوف نتعلم طريقة إستخدlم document. write jJl‏ 
لاطعا وسالة أكر قد متضكفة اس خذامر خضل الجتفل.. 
٠‏ طريقة دمج النصوص . 
٠‏ طريقة حل المشكلة الناتجة من تداخل علامات التنصيص . 
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جاها سحربت المستوي الاول 


<HTML> 
<Titl1le> الطريقة‎ write </Title> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<I-—- 
document.write ("<Font co1or=red>فذحلا أنت متأكد من إتمام عملية‎ JA </Font>") 2 
document.write ("<P>"); 
document.write ("<Center>" + "<Input type=button ں1 ھر‎ e= <مو افق‎ 0 
document.write ("<Input type=button value= غير موافق'‎ '></Center>"); 
document.write ("</P>"); 
A > 
</SCRIPT> 
</HEAD> 
</HTML> 


ويكون الناتج كما يلي : 


a الظريغة‎ rite - Microsoft Internet Explorer 
| File Edi Wiew Favorites Tools Help 


| dh Back > mp ¬+ 9 4 Î Search | j] Favorites AP Media 


هل أئت متأكد من إشسام عملية الحذف 


غير واف | موافق_ 


| 
8] Done ا‎ | | a My Lampuiter 2 


كما ذكرنا في النفاط المستفادة من هذا التمرين سنلاحظ التالي : 


- طريقة دمج النصوص: 
د الو (٠‏ واا كوا ال ان هي ا و و غ ا ا 
الرياضي كما يلي 


document.write ("<Center>" + "<Input type=button ں1 ھر‎ ٥= <مو افق‎ E 
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جاها سحربت المستوي الاول 


- علاج تداخل علامات التنصيص : 

کما ذکرنا سابقا أن النص هو عبارات وجمل یتم کتابتها بين علامتين تنصيص "" 

الع كال E I‏ 
لنص واحد . 

اذا اتن الملة وتي هو م إتت كى كى لا تة فة ها ا جد التالي 

تخيل معي أن نص الجملة يحتوي علامة تنصيص أو أكثر : 
علي سبيل المتال أنك تريد كتابة الجملة التالية (هل هناك "مشكلة" يا رحل ؟) كما تري أننا الأن في مأزق لأننا 
لو وضعنا هذة الجملة بين علامتيين تنصيیص سوف يحدث تداخل ڦي علامات وسوق يؤدي هذا إلي إرتباك 
لمفسر اللغة مما ينتج عنه خطأً لفوي ۲۲0۲© ×ه† 6۷١‏ . 

الأن ما الحل ؟ 

ريما يتبادر إلي ذهنك الهرب من المشكلة وتقول أنا لست في حاجة لإظهار علامات التنصيص في الجملة وسوف 
أجعل الجملة بدونهما كما هو حالنا نحن العرب ولكن دائما تأتي الحلول لتفادي الأخطاء وتجنبها وليس الهرب 

منها » أعتقد أنه تبادر إليك الأن أن هذه المشكلة لها حل ابشرك بقولي نعم 

حيث توفر لنا لغة الجافا سكربت علامات الهروب Escaping Characters‏ „ 


عllمlت‏ llرgڊ Escaping Characters‏ : 
تمكنك من تضمين بعض الحروف التي يصعب كتابتها في محتوي النصوص ومنها التالي : 


\ تمكنك من إضافة علامه التنصيص الفردية بداخل النص 
"1 تمكنك من إضافة علامه التتصيص بداخل النص 

٣2۲12ع تمكنك من إدخال حرف خاص لعمل ما يسمي ع‎ \r 
مااع اي تراجع موشر الكتابه إلي بداية السطر مما‎ 
ينتج عنه في بعض الأحيان عمل سطر جديد‎ 


\n‏ تمكنك من عمل سطر جديد داخل النص 
\t‏ تمكنك من إدخال الحرفق طجآ 


بعد التعرف السريع لعلامات الهروب كيف يمكننا حل مشكلة كتابة النص السابق (هل هناك "مشكلة" يا رجل ؟ ) 
بكل يسر يتم إستبدال اي علامة تنصيص (") بي علامة الهروب )١"(‏ ويكون النص كالتالي 
(هل هناك | * کله" يا رجل ؟ ( 
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جافا سحربت المستوي الاول 
مثال تطبيقي لكتابة الرسالة التالية : 
نتمنا لك يا قارئنا "العزيز" أن تكون قد 
تعلمت ما سبق من قول وان تحرص علي ما هو أت 


<HTML> 
<Title> الطريقة‎ write gy alert </Title> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1I-—- 
21 ) ”ص اعا" + ” نتمنا لك يا قارئنا ""العزيز' أن تکون قد"‎ + 
تعلمت ما سبق من قول وان تحرص علي ما هو أت"‎ ”( 
document . write ( "<عط>”" + ” نتمنا لك يا قارئنا ا""'العزيزا"' أن تكون ڈ3"‎ + 
تعلمت ما سبق من قول وان تحرص علي ما هو أت"‎ ”( 
A > 
</SCRIPT> 
</HEAD> 
</HTML> 


ويكون الناتج كالتالي 


alert - Hicrosol Interel E‏ و write‏ الظريغة ق 


File Edl Wiew Favaoriles [onols Help 


dh Back ” mp ¬+ x i | Seach 


Microsoft Internet Explorer 


نالك ہا فارقنا ''العزیز' أن کون فد 
تعلمٽ ما سبق من قول وان تحرص علي ما هو أت 8 


8] Dpening page | 0 o ü Unknown Zone 2 
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جاها سحربت المستوي الاول 
alert - Microsoft Internet Explorer‏ و write‏ الطريغة 2 


File EJ Wiew Favorites Tools Help 


da Back < mþ ¬7 3 4 Î Search 


شنا لك یا کارفنا "العزیز" أن تگون د 


تعلمت ما سبق من ول وان تحرص علي ما هو أت 


= 
BL GT LD 


ملاحظة : 
لكتابة سطر جديد 
بالطريقة ٤1۲ھ‏ : قمنا بإستخدام علامات الھروب ٣٠٣٢‏ لعمل سطر جديد 


بالطريقة م)ذإس: قمنا بإستخدام الوسم <إط> حتي ننمكن من كتابة سطر جديد 


writeln 
تقوم بكنابة نص في الصفحة للمستخدم بالإضافة إلي أنها تحدث سطر جديد قبل كتابة النص.‎ ٠ 
كما سنري لاحقا‎ 00٤٥1۳8/١ تعتبر إحدي الوظائف التابعة للكائن‎ ٠ 


: طريقة إستخدامها‎ ٠ 


document .write1n (" كmتllسر ضع هنا‎ ”( ; 


أيضا يتم تمرير الرسالة المراد كتابتها بين علامتين تنصيص "" وتكون هذة الرسالة إما نص بسيط × ١أةام‏ أو نص 
HTML text Jai‏ 


<HTML dir=rt1> 
<Tit1le> الطريقة‎ writeln </Title> 


<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<I-- 
document . wri te ( "liza gم ر (” مرحبا بك في‎ 
document . writ e1 ( ”نص جدید كما تري ولكن للأسف ليس في سطر جدیيذ"‎ , 
ES 
</SCRIPT> 
</HEAD> 
</HTML> 
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جاها سحربت المستوي الاول 


3( الظريغة‎ writeln - Microsoft Internet Explorer 
File Edl Wiew Favorilkes [ools Help 


dh Back ” mp ¬+ x< i | Seach 


رحبا بك في موقعنا نص جدید كسا تري ولكن للاسف ليس في سطر 


حجدند 


1 Done OOS | My Campuiker 2 


كما تري لم يتم عمل سطر جديد أقول لك نعم أننا لا نري سطر جديد ولكن هذا لا يعني عدم وجودة حيث أنه تم 
عمل تغذيه لسطر جديد باستخدام ۱١‏ وكما نعلم أن لغة الهتمل تتجاهل المسافات الزائدة والسطور الجديدة . 


۳ الطريقة ٤رذام‏ : 
قوم بطباعة الضقحة, 
ه٠‏ تعتبر إحدي الوظائف التابعة للكائن س0لd١‏ اس . 
ه طريقة إستخدامها : 


window.print (); 


أیضا يوجد حدثان onBeforepr|†‏ و nA terprint‏ سوف نتحدث عنهما فیما بعد. 
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جاها سحربت المستوي الاول 


تانيا : طرق إدخال البيانات 
١‏ الطريقة ص گر : 


٠‏ تقوم بإظهار رسالة مثل الطريقة ٤٣1ج‏ السابقة بالإضافة إلي أنها تقوم بإرجاع أحدي القيمتين 
.false gy true‏ 

٠ه‏ تعتبر إحدي الوظائف التابعة للكائن س0wلdماس‏ . 

ه٠‏ طريفة إستخدامها : 


ر(" ضع هنا رسالتڭك "( confirm‏ 
أو 
; ر(" ضع هنا رسmillك‏ "( window. confirm‏ 
يتم كتابة الأمر "۴1١0ء‏ أو "أ window .c0n‏ كلاهما سوق يؤدي إلي نفس النتيجة ثم يتم تمرير الرسالة المراد 


ثم يتم إستقبال القيمة الراجعة من الإختيار في متغير ( سوف يتم شرح المتفيرات فيما بعد ) 


تمرين لإظهار رسالة تأكيد حذف إشتراك احدي العملاء 


<HTML> 
<Titl1le> الطريقة‎ confirm </Title> 
<HEAD> 


<SCRIPT LANGUAGE="JavaScript'"> 


-=إ< 
ر" من فضلك هل أنت متأكد من إتمام عملية حذف هذا العميل ؟ ") :١٥ء‏ 
ES‏ 
</SCRIPT>‏ 
</HEAD>‏ 
</HTML>‏ 
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جاها سحربت المستوي الاول 


ويكون الناتج كما يلي : 


confirm - Hicrozol Internet Expl‏ الظريغة و 


File Edl Yew Favorites Tools Help 


de Back > mp ~~ x 4 Î Search |] Favorites PP Media 6 


Microsoft Internet Explorer E 


من فضلك هل أنث متاكد من إنبام عملي حذف هذا العميل ؟ QQ‏ 


Lancel 


8 Dpening page file: | J | o ٘ n My Camputer 2 


كما تري ظهور الرسالة ولكن بعد الضغط علي إحدي الزرارين اع٤١ةء‏ أو )0 لم نتعرف أيهما تم الضغط عليه » وحتي 
نتعرف علي القيمة الراجعة من الإختيار نحتاج إلي : 

- تخزين القيمة الراجعة في متغير ثم نحدد قيمة هذا المتغير فإذا كانت قيمته عل فهذا يعني ان المستخدم قد 
ضغط الزر 0۸ » وإذا كانت قيمته ۴٥ا۴۵‏ فهذا يعني ان المستخدم قد ضغط زر ا8€٥٤١3٥‏ وسوف نتحدث علي هذا 
الإسلوب فيما بعد عند الحديث عن المتفيرات. 

- أو نقوم بإستخدام القيمة الراجعة بدون تخزينها ( من علي الطائر كما يقال ) كما سوف يتضح في المثال التالي : 
حيث سوف نقوم بطباعة القيمة الراجعة من الإختيار بواسطة الطريقة 6۲ا2 كما يلي : 


<HTML> 
>1iغ1م< الطريقة‎ confirm >/rit1e> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1 
alert ( confirm (" ,ر ر”من فضلك هل أنت متأكد من إتمام عملية حذف هذا العميل ؟‎ 
4> 
</SCRIPT> 
</HEAD> 
</HTML> 
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جافا سحربت المستوي الاول 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


| _ e | 


Microsoft Internet Explorer E 
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جاها سحربت المستوي الاول 


وعند الضغط علي زر اع٥٤١ه»‏ يكون الناتجح كالتالي : 


confirm - Micros lnlernet E xp‏ الظريغة ۋ' 


File EJ Yew Favorikes Tools Help 


de Back ~- mp ¬ 9 4 Î Search |] Favorites AP Media 


Microsoft Internet Explorer 


N false 


8 Dpening page file:#+ |] ü [ u ا‎ My Campuiter 2 


: م۲0٣‎ p٤ الطريقة‎ ۲ 


٠‏ تقوم بإظهار رسالة مثل الطريقة صإإتگصهء السابقة بالإضافة إلي أنها تقوم بإرجاع أحدي القيمتين 
٠‏ تعتبر إحدي الوظائف التابعة للكائن س0لd١‏ اس . 
طريقة إستخدامها : 
, ر" القيمة الإفتراضية للقيمة الراجعة" ,” ضع هنا رسالتك ") مهام 
1 
و 


, ر” القيمة الإفتراضية للقيمة الراجعة" ,” ضع هنا رسالتك "() window. prompt‏ 


يتم كتابة الأمر window.prompt ھÎ 0۲0٥۳٣‏ كلاهما سوق يؤدي إلي نفس النتيجة ثم يتم تمرير الرسالة المراد 
إظهارها بين علامتين تنصيص "" ثم تمرر أو لا تمرر القيمة الإفتراضية للقيمة الراجعة وإذا لم تمرر سوف تاخذ القيمة 
الإفتراضية unde ۴|٣٤4‏ 1 

ثم يتم إستقبال القيمة الراجعة من الإختيار في متغير ( سوف يتم شرح المتغيرات فيما بعد ) او إظهارها في شكل 
رسالة كما سبق القول في الطريقة »0١۴1۲۳‏ كما بالمتال التالي 
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جافا سحربت المستوي الاول 


تمرين لإظهار رسالة بها اسم المستخدم بعد إدخال اسمه 


<HTML> 
<Title> الطريقة‎ prompt </Title> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 
<== 
alert ( prompt (" ل ( أدخل هنا اسمك"” ,”ما هو اسمك ؟‎ 
7 > 
</SCRIPT> 
</HEAD> 
</HTML> 


ويكون الناتج كما يلي : 


Explorer User Prompt 


ثم نقوم بإدخال الاسم وليكن التالي "الحسين محمد" كالتالي : 


30 


جاها سحربت المستوي الاول 
ا× ادا 


3 الطريغة‎ prompt - Microsoft In el 1 El E 1 lo eı 
File Edl Yim Favorikes I[ools Help 


de Back ~ mp ¬+ 9 2 Î Search | #] Favorites AP Media 4 E2 


Explorer User Prompt 


Script Prompt: 


با ر ابات 
Lancel‏ ِ 


8] Dpening page file:#24D:* Learning “Le: o ü o BJ My Computer ر‎ 


فعند الضغط علي زر 0۸ يكون الناتج كالتالي : 
ا× ادا 


4 الطريغة‎ prompا‎ - Microsoft Ine 


File Edl Yiem Favorikes [ools 


dh Back ~ mp ¬ 9 2 Î Search | J Favorites AP Media و‎ Eۍ‎ 


Help 


Microsoft Internet Explorer 


الحسين محمد N‏ 


8] Dpening page file:#24D:* Learning “Le: o ü o BJ My Computer ر‎ 
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جافا سحربت المستوي الاول 


وعند الضغط علي زر اع٤١ة»‏ يكون الناتح كالتالي : 


Microsoft Internet Explorer Ef 


سم 
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جافا سحربت المستوي الاول 
)الفصل )لقا لغ 
الهټغير اوت 


سوف نناقش إن شاء الله في هذا الفصل النقاط التالية : 


Variables المتغیرژٽ‎ * 

ما هو المتفير 

أنواع البيانات 

طريقة تسمية المتغيرات 
تعريف المتغيرات 


O O O O 


JavaScript Keywords öةja<znll إ|الكلمات‎ ° 
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جاها سحربت المستوي الاول 


المتغيرات كعاVariab‏ 


ما هو المتغير : 


هب أنني أعطيتك كمية من الماء فما وسيلة تخزينك لهذة الكمية » ربما قلت لي سوف أضعها في كوب صغير أو إناء 
او اي محتوي اکبر > وبهذا اقول لك انك نجحت في عملية تخزين المياه ولكن ما فائدة هذة العملية » ريبما تقول لي 
حتي أستخدمها عند حاجتي لها في المستقبل القريب أو البعيد نعم نعما الرأي ما قلت . 


لكن ما علاقة هذا بموضوعنا المتغيرات » بكل بساطة كما أحتجنا إلي تخزين الماء في محتوي يحفظه حتي نتمكن 
من إستخدامه عند الحاجة إليه » فإننا أيضا في عالم الكمبيوتر والبرمجة نحتاج إلي عملية تخزين ولكن ليس للماء 
ولكن تخزين للبيانات . 


فهب أنني أعطيتك النص التالي الحمد لله العلي العظيم وقلت لك كيف يمكنك تخزين هذا النص ريما أسرعت 
بالقول لي أنني سوف أقوم بحفظ هذا ا قي رأسي وتكون رأسك هنا هي مخزن النص » ولكن إذا أردنا تخزین 
النص السابق في برنامجنا بشكل مؤقت ( اي خلال فترة عمل البرنامج فقط وينتهي تخزينها عند إنتهاء البرنامج ) 
هنا سوف نحتاج إلي مخزن يتم حفظ هذا النص به وغالبا ما يكون جزء من ذاكرة الحهاز المؤقتة » ويتم إعطاء هذا 
الجزء من ذاكرة الجهاز اسم خاص حتي يتم التعامل مع هذا الجزء . 


نخلص مما سبق إلي أن المتغير هو جزء من ذاكرة الجهاز يتم إعطاء اسم له » يعتبر بمثابة مخزن للبيانات 


أنواع البيانات : 


تختلف أنواع البيانات فمثلا يستطيع الإنسان إدراك التميز بين الحروف الأبجدية و الأرقام وبين النصوص والقيم العددية 
وهكذا » وأيضا توفر لنا لغة الجافا سكربت التميز بين > أنواع من البيانات : 

S۲! ٣ك النصوص‎ ۰ 

۰ القيم العددية‎ ٠ 

ه٠‏ الحالة البولينية ( صح Boolean ( İطخ “Î‏ 

Null القيمة لا شی‎ ٠ 


لاحظ معي التالي كما نعلم أن شكل وطبيعة تركيب مخازن المياه يختلف عن بنية مخازن البترول مثلا 
وهكذا يختلف نوع المخزن حسب طبيعة ونوع المادة المخزنة به . 


ولكن المتغيرات في لغة الجافا سكربت ( وهي مخازن البيانات ) لا تختلف في بنيتها بإختلاف نوع البيانات المخزنة 
بها كما هو الحال بلغة الجافا والسي التي يتميز فيها نوع المخزن حسب نوع البيانات المخزنة به . 
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جاها سحربت المستوي الاول 


طريقة تسمية المتغيرات : 


تسمية المتغيرات تخضع لشروط أساسية يجب توافرها ليعمل البرنامج بالصورة الصحيحة وهي كالتالي : 


٠‏ الخانة الأولي من إسم المتغير لابد أن تكون أحد الأحرف الإنجليزية سواءَ حرفا كبيرا أو صغيرا مع ملاحظة 
الفرق بينهما » ويمكن البدء بعلامة _ أو علامة $ » مع أنه لاينصح بإستخدام العلامة الأخيرة. 


٠‏ لايمكنك إطلاقا إستخدام رقم كأول خانة في الإسم. 
٠‏ الأسماء لايمكن أن تحوي مسافات بين أحرفها » لكن يمكنك إستخدام العلامة _ بدل المسافات. 


٠‏ لايمكن لأي إسم أن يماتل أيا من الكلمات المحجوزة وهذه القاعدة عامة لجميع لغات البرمجة. 


وإليك بعض الأمثلة على التسمية الصحيحة للمتغيرات : 
Address1 °»‏ 

A4xb5 

lastName 

_firstName 

parent_Name 


وإليك بعض الأمثلة على التسمية غير الصحيحة للمتفيرات : 
IstName °“‏ 
?subName‏ 
last name °“‏ 
userlD@‏ 


جرت العادة عند تسمية المتغيرات في الجافا سكريت أنه لا يفضل إستخدام الحرف _ للفصل بين مقاطع الكلمات 
ولكن يتم دمج المقاطع مع جعل الحرف الأول صغير وأول حرف من المقاطع التالية یکون ذو حرق کبير فعلي سبيل 
المثال عندما نريد تسمية متغير ليعبر عن ۸۳۴€ 5| لا يفضل تسميته كما يلي : 

nam‏ _Lstا‏ ولكن يفضل تسمية كما يلي ٤۳ھ‏ اءھا. 

ملاحظات هامة عند تسمية المتخغيرات : 


كما نعلم فإن لغة الجافا سكربت تميز بين حالة الحروف الكبيرة والصغيرة فإن المتغير 
Nam‏ astا‏ لیس متل المتغير 2۳۴ as‏ ا , 


دائما حاول أن تكون أسماء المتفيرات ذات دلالة تبسط عليك في المستقبل عملية التعديل في البرنامج . 
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جاها سحربت المستوي الاول 


تعريف المتغيرات : 


كما قلمنا آن المتقيرات :هي أسماء لحجز أماكن قي ذاكرة الجهاز لحفظ الببانات التي تسند إلنها ‏ وقبل أن 
تستخدم أيا من هذه المتغيرات لابد من الإفصاح عنها » وذلك بإاستخدام الأمر ۷a٣‏ 


var firstName; 


وهكذا » كما أنه من الممكن الإعلان عن أكثر من متغير في سطر واحد » وهذا مالايمكنك عمله بواسطة الفيجوال 


var firstName, lastName, userlD; 


وأخيراً » لمزيد من التبيسط » يمكننا إسناد القيم الى هذه المتفيرات أثناء تعريفها والإفصاح عنهاء كما يلي: 


var firstName, lastName = علي"‎ ", userlD = 13, 


تذكر أنه إذا لم تفصح عن أي متغير قبل إستخدامه فإن ذلك سيوقفٍ عمل البرنامج » ولاتنسى أن الجافا سكربت لغة 
حساسة تجاه الأحرق كما ذكرنا سابقا ف × غير × دائما حتى في أوامر الجافا السكربت والوظائف ومصطلاحاتها 


المحجوزة 


تمرين لإظهار رسالة ترحيب للمستخدم بعد إدخال اسمه 


<HTML> 
>Tit1م> المتغيرات‎ >/71غ1م٥<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1I-—- 
var username = prompt (" أدخل هنا اسمك" ,”ما هو اسمك ؟‎ 2 
alert( "; مرحبا بك يا‎ ” + username J); 
E 
</SCRIPT> 
</HEAD> 
</HTML> 
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جافا سدربت المسدوي الاول 
ا× ادا TT ork n4‏ 


Help 


2| المتغیرات‎ - MicrosoI Interne : Exr 1 
| File Edl Wem Favorlles [onal 


| dh Back ” mp ¬ 9 2 Î Search | #] Favorites AP Media ¥ EEL 


Explorer User Prompt 


ا شو اسك + 
Lancel‏ 


Script Prarnpt: 


ا ميا 


8 Dpening page file:#24DO:* Learning “Le: o ü mm BJ My Computer ر‎ 


وبعد الضغط علي الزر )0 : 


| dh Back - mp ¬ 9 2 | Î Search | j] Favorites FP Media ¥ EE, ّ 


Microsoft Internet Explorer 


مرحہا ہك پا : محمد 4 


8 Dpening page file:#4D: Learning “Le: E o أ‎ 1| Bl My Computer ر‎ 
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جاها سحربت المستوي الاول 


وكما نري فقد تم الإعلان عن متغير باسم 158۲١13۳۴‏ ثم خزن به القيمة الراجعة من الأمر أ0۲0۳۲ كما يلي 


2 أدخل هنا اسمكڭ" br,‏ هو اسمك ؟ "( var username = prompt‏ 
تم قمنا بطباعة القيمة المخزنة بالمتغير 158۲١3۳۴‏ مضافا إليها نص " مرحبا بك يا : " كما يلي : 


3 أدخل هنا اسمكڭ" lr,‏ هو اسمك ؟ "( var username = prompt‏ 
username 6‏ + ”مرحبا بك يا :" alert(‏ 


تمرین لإظهار بيانات المستخدم بعد إدخال اسمه وعمره 


<HTML dir=rt1> 
>Tit1e> المتغيرات‎ >/71غ1م٥<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<!I-—- 
var userage, username; 
userage = confirm عم ؟"(‎ 1٠ ر(" هل عمرك أقل من‎ , 
username = prompt (" أدخل هنا اسمكڭ"” ,ما هو اسمك ؟‎ 0 
alert( "; مرحبا بك يا‎ ” + username J); 
document .write( "<b> : | "<ط/>مرحبا بك‎ + username + "<br>" ); 
document.write ( "<ط/> : عمرك آقل من ۰ عام<ط>"‎ + userage + "<br>" ); 

//-=< 

</SCRIPT> 

</HEAD> 
</HTML> 
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جاها سحربت المستوي الاول 


E المتغیرات‎ - HicrosoI Internet EÊ x plore 
File Edl Wiew Favoriles I[ools Help 


e 2 ا‎ 3 2 O Search | #] Favorites CP Media *| a 
Adress 3 D:tLearning Learning Programmingw'eb Developing"Learn Java cripMy Book ”| @ gn 


Microsoft Internet Explorer E 


هل عبرك آل من ۲۰ عام ٩‏ ر2 
Cancel 1‏ 4 


8] Dpening page file:+#O: Learning Learning E o ü |آ‎ a My Lampuiter 2 


: ويكون الناتج بعد إدخال الأسم بقيمة محمد كما يلي‎ 
2 المتغیرات‎ - Microsoft Internet ËÊ plore 
File Edl Wiew Favoriles Iools Help 


dh Back ~ mp ¬ 9 2 O Search | #] Favorites FP Media أ‎ E, ك‎ 
alal 3 D:*LearninghLearning Programming eb DevelopingLearn JavaScript My Book 5 ”| 7 G0 


Explorer User Prompt 


Script Prompt: 5 


Lancel |‏ ووا 
صخل 


1 Dpening page file:#4D: Learning Learning o 0 آ‎ | n My Cornputer ر‎ 
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جافا سحربت المستوي الاول 


ElÎ Microsoft Internet Explorer 
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جاها سحربت المستوي الاول 


الكلمات المحجوزة 


أو مصطلحات الجافا سكربت المحجوزة » وهي أوامر الجافا سكربت التي لايمكنك نسب أي متفيرات إليها على 


الإطلاق . كما في كل لغات البرمجة المعروفة . 


طبعا لايجب عليك حفظها كاملة » وإنما الإلمام بها 
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true 
typeof 
var 
void 
while 
with 


protected 
public 

short 

static 
synchronized 
super 

throw 
throws 
transient 

try 


. وستجد جدولا مبينا لها 


in 

int 
labeled 
new 
null 
return 
switch 
this 


final 
finally 
float 

goto 
implements 
im port 
instanceof 
interface 
long 
native 
package 
private 


break 
continue 
do 

else 
false 
for 
function 
if 


abstract 
boolean 
byte 
Case 
catch 
char 
class 
const 
default 
delete 
double 
extends 


جاها سحربت المستوي الاول 


الفصل الر ابع 
الەعاملاتے 
سوف نناقش إن شاء الله في هذا الفصل النقاط التالية : 


Operators aژںږllgaJl|‎ ° 

Arithmetic Operators ةuذڂlıر‎ تانlمlعم‎ 

معاملات دمج النصوص 0/5Sاra€ضظ0 Concatenation‏ 

Comparison Operators öةiرlnJl‎ تۈlمlعمe‎ 

Logical Operators ةيقطhiم معاملات‎ 

Unary Operators ةıدlح|l‎ تاۈڻlمlعم‎ 

Assignment Operat0OrئS‎ pمıقl|l‎ رıغت معاملات‎ 

معاملات التعامل بالنظام الثنائي Shift & Bitwise Operat0Ors‏ 
معاملات خاصة 


O0 O0 O0 O0 O00O00O00O 


Operator Precedence أولوية تنفيذ المعاملات‎ ' 
Exception Handling lþطخأێJ|‎ ةجllazoe‎ ° 
with ةln><>‎ ° 
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جاها سحربت المستوي الاول 


Operators ٽاڻلelعealJl‎ 


تعتبر المعاملات هي الوسيط الأساسي للتعامل بين قيم المتغيرات . 
وتنقسم المعاملات إلي غدة أقسام كما يلي : 


Arithmetic Operators ةuذڂlıر‎ تانlمlعم‎ 

معاملات دمج النصوص 0۲5Sاra€ضظO0p Concatenation‏ 

Comparison Operators öةiرlقnJl‎ تاۈلمlعم‎ 

Logical Operators معاملات منطقية‎ 

Unary Operators ةıدlح|l‎ تاۈنlمlعمe‎ 

معاملات تغير لقم Assignment Operat0rS‏ 

معاملات التعامل بالنظام التنائني Shift & Bitwise Operators‏ 
معاملات خاصة 


معاملات رياضية Arithmetic Operators‏ 
تستخدم لإجراء العمليات الرياضية من جمع وطرح وضرب وقسمة وباقي القسمة . 


+ : تستخدم لإجراء عمليات الجمع الرياضي . 
- : تستخدم لإجراء عمليات الطرح الرياضي . 
* : تستخدم لإجراء عمليات الضرب الرياضي . 
/ : تستخدم لإجراء عمليات القسمة الرياضي . 
% : تستخدم لحساب باقي القسمة الرياضي 
مثال : 


alert) 5 $ 2 J; 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


N 
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جاها سحربت المستوي الاول 


معاملات دمج النصوصضص 0۲5اOpera Concatenation‏ 
ه + : كما تستخدم لإجراء عمليات الجمع الرياضي تستخدم لدمج النصوص كما يلي : 


var username = "aah"; 
alert( "; ”مرحبا بك یا‎ + username J); 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


Comparison Operators ةiرlقمnلlا معاملات‎ 


تستخدم لإجراء عمليات المقارنة 
عند إجراء مقارنة يكون ناتج هذة المقارنة إحدي القيم اما علu٣)‏ أو مله . 

لتعين فل طق المقارة متساضات قي اله 
كل طرفى الذارنة متساسان دى الفكة وة تة العانات: 
اف الها ير انان فن البهة. 
طرفي المقارنة غير فتساوان في القيمة و ثوع الببانات: 
الطرف الانسر أكر هن الطرف الأ يشن : 
الطرق الأيسر أقل جن الظرف الأيهن: 

ا الطرق الأيضر أكر أو سناوف الطرف الأنن. 

: قل الطرف الاسر أقل ن أو ساك الظرف القن 


RRA 
EEE 


V 
o©e©©®e®ee®es® 


lI I A V II 


۸ 


لاحظ : 
عند تعين هل الطرفين متساويان يم أستخدام الحرف "=" مرتيين متتاليتين كما بالمتال التالي : 
متال : 


2) ); 
7) ); 


alert( "5 
alert( "7 
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جاها سحربت المستوي الاول 


ويكون الناتج كما يلي : 


Microsoft [Internet Explorer 


a 5 == A: false 


Microsoft Internet Explorer 


3 E E 


Logical Operators ةيةطؤ؛طiم معاملات‎ 


تستخد لإجراء مقارنة منطقية » وغالبا ما تكون أطراف المقارنة إحدي القيم عن أو عكاه؟ . 
عند إجحراء مقارنة يكون ناتج هذة المقارنة إحدي القيم اما عن أو موإه؟ . 


® &&: 
تعني العملية المنطقية "و" وتقوم بإرجاع القيمة ۲1€ عندما يكون طرفي المقارنة يساوي علا وغير ذلك 


سوف يؤدي إلي إرجاع القيمة ٥5ا۴3‏ كما يلي : 


POET الناتج القيمة‎ 
True True True 
True False False 
False True False 
False False False 


ll °‏ 
تعني العملية المنطقية "او" وتقوم بإرجاع القيمة ۲1€ عندما يكون احدي طرفي المقارنة او كلاهما يساوي 
عuاt‏ وغير ذلك سوف يؤدي إلي إرجاع القيمة ٥ا۴‏ كما يلي : 


ET] EE الناتح‎ 
True True True 
True False True 
False True True 
False False False 
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نى اة المطفة ل وتوم س القیج كما بلي : 


أمثلة : 


ويكون الناتج كما يلي : 


ويكون الناتج كما يلي : 


ويكون الناتج كما يلي : 


46 


الناتج 
False‏ 
True‏ 


القيمة 
True‏ 
False‏ 


Microsoft Internet Explorer 


9% false 


alert ( true && false ); 


Microsoft Internet Explorer 


alert ( true //| false ); 


Microsoft Internet Explorer 


N false 


alert ( !true J); 


جاها سحربت المستوي الاول 


alert( !( 5 > 7) ); 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


A > 


Unary Operators ةıدlحاJ|l المعاملات‎ 


تستخدم لإجراء العمليات الرياضية من جمع وطرح بشکل مختصر جدا . 
وتسمي هذه المعاملات بأنها معاملات احادية لأنها تتعامل مع طرف ات (operand)‏ 


ه٠‏ ++ : تستخدم لزيادة قيمة الطرف (العامل) الممرر لها بمقدار واحد صحيح . 


. تستخدم لإنقاص قيمة الطرق (العامل) الممرر لها بمقدار واحد صحيح‎ : - - ٠ 
تستخدم لعكس إشارة العامل الممرر لها فإذا كانت قيمة سالبة فسوف تتحول إلي قيمة موجبة‎ : - ٠ 
. والعكکس صحيح‎ 
: لاحظ‎ 


يوجد حالتان للمعاملين ++ و -- حالة قبلية وأخري بعدية كما يلي : 


الحالة البعدية (×آ۴†كoم):‏ 
فيها يتم إجراء عملية الزيادة (++) أو النقص (--) بعد الإنتهاء من إجراء السطر الحالي لاحظ معي المثال التالي : 


متال : 


<HTML dir=rt1> 
<Tit1e> <م1غ1/> المعاملات الاحادية‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<= 
var num1 = 5, num2; 
num2 = numl++; 
alert ( "num2 " + num2 ); 


7 ¥4 ROME J 
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alert ( "numl1l 


جاها سحربت المستوي الاول 


</SCRIPT> 
</HEAD> 
</HTML> 
: لاحظ السطر التالي‎ 
num2 = numl++; 
"U٣1 يتم فيه استخدام المعامل الاحادي ++ ولكن بالوضع البعدي لأنه أتي بعد العامل‎ 
: وهذا السطر يكافئ السطرين التتاليين‎ 
num2 = numl; 
num1 = numl + 1; 


لذلك يكون الناتج كما يلي : 


Microsoft Internet Explorer 


3 umd = Û 


Microsoft Internet Explorer 


% num = 


الحالة القبلية (×آما٥):‏ 1 
فيها يتم إجراء عملية الزيادة (++) أو النقص (--) قبل إجراء تنفيذ السطر الحالي لاحظ معي المثال التالي : 


متال : 


<HTML dir=rt1> 
>Tiغ1م< المعاملات الاحادية‎ >/٣:غ1م<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
--إ<‎ 


var num1 = 5, num2; 
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لاحظ السطر التالي : 


num2 = ++numl; 
alert ( "num2 = " + num2 ); 
alert ( "numl1 = " + numl ); 
A > 
</SCRIPT> 
</HEAD> 
</HTML> 


num2 = ++numl, 


يتم فيه استخدام المعامل الاحادي ++ ولكن بالوضع القبلي لأنه أتي قبل العامل "U٣1‏ 


وهذا السطر يكافئ السطرين التتاليين : 


لذلك يكون الناتج كما يلي : 


num1 = numl + 1; 


num2 = numl,; 


Microsoft Internet Explorer 


% nuımd = Û 


Microsoft Internet Explorer 


% num = 
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جاها سحربت المستوي الاول 
لاحظ معي الأمثلة التالية : 
مثال : 


var numl = 3, num2; 


num2 = ++numl + 4; 


alert( "numl1 = " + numl ); 


alert ( "num2 = " + num2 );‏ 
لا حظ ان السطر التالي : 


num2 = ++numl + 4; 


يكافي السطريين التتاليين : 


num1 = numl1l + 1; 


num2 = numl + 4; 


لذلك يكون الناتج كما يلي : 


Microsoft Internet Explorer 


% uml = 4 


Microsoft Internet Explorer 


3 umd = 


: متال‎ 
var numl = 13, 
num1—-—; 
alert( "numl1 = " + numl ); 


ويكون الناتج كما يلي : 
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Microsoft Internet Explorer E 


سم 


مثال : 


" + (numl # 1) );F 
numl ); 


" + ++numl ); 
numl1 ); 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer Ef 


سم 


Microsoft Internet Explorer E 


سم 


Microsoft Internet Explorer E 


سم 
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var numl1l = 13; 


alert ( "numl1 + 
alert ( "num1 = 


alert ( "numl1 + 
alert ( "num1 = 


جاها سحربت المستوي الاول 


Microsoft Internet Explorer 


3 nuımîl = 14 


لاحظ أن السطر التالي لم يؤثر في قيمة 1١٣ا"‏ 


alert( "numl1 + 1 = " + (numl + 1) ); 


Assignment Operators ۾pيقلll معاملات تغير‎ 


تستخدم لتفير قيمة المعامل الموجود بالطرف الأيسر 


© = : لتفير قيمة الطرف الأيسر بقيمة الطرف الأيمن . 

٠ه‏ =+ :لزيادة قيمة الطرفق الأيسر بمقدار قيمة الطرف اشن 

٠ه‏ -=- :لنقص قيمة الطرفق الأيسر بمقدار قيمة الطرف الأيمن . 

٠ه‏ =* : لضرب قيمة الطرفق الأيسر في قيمة الطرف الان ووشع الناتج ليكون قيمة الطرف الايسر . 

ه٠‏ =/ :لقسمة قيمة الطرف الأيسر علي قيمة الطرف الأيمن ووضع الناتج ليكون قيمة الطرف الأيسر . 

=% :لحساب باقي قسمة قيمة الطرق الأيسر علي قيمة الطرق الأيمن ووضع الناتج ليكون قيمة الطرف 
متال : 


var num = 6; 


num += 5; 


alert( "num : " + num ); 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


a num : 11 
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لاحظ السطر التالي : 

num += 5,‏ 
ويعني أضف إلي قيمة المتغير "1ا۸ المقدار 5 وهذا السطر يكافئ السطر التالي : 


num = num + 5; 


: متال‎ 
var num = 6; 


num *= 5, 


alert( "num : " + num ); 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


3 um : 3Û 


معاملات التعامل بالنظام النناني Shift & Bitwise Operators‏ 


قبل الحديث عن معاملات النظام الثنائي دعني أخذك لنري لمحات في عالم الثنائيات أو نظام العد الثنائي 
ولا اخغی عل ات هنا فی عام البرمجيات اورقا التوسطى اها أف دخول كا الف را لا کون عل 
ولکن دعنا نتوکل علي الله فهو خيرا معين 


النظام التنائي 


هو أحد أنظمة العد مثل النظام العشري المعتاد لنا . 

لكن النظام الثنائي يعتمد علي رقمين فقط وهما الواحد و الصفر . 

وهذا النظام العددي تم إستخدامه لبرمجة الحواسب في بدايات تطوير برامج للحاسبات بما كان يعرف بلغة الألة 
anguageا machine‏ وذلك لان وحدات بناء الحاسب تتعامل في حساباتها بالنظام الثنائي ( لان الوحدة الإلكترونية 
لا تستطيع تميز إلا وهما وجود إشارة إليكترونية نتيجة إغلاق الدائرة الإلكترونية » وعدم وجود إشارة نتيجة 
فتح الدائرة الإلكترونية ) 


فإن كنا نريد تمثيل الأعداد ولا نملك إلا رقمين فقط وهما ١‏ وال ٠‏ 

لذلك قياسا علي ما تعلمناه في النظام العشري عندما نريد تمثيل العدد عشرة نقوم بعملية دمج الرقمين ١‏ و ء 
وعند تمتيل العدد الحادي عشر نقوم بدمج الرقمين ١‏ و ١‏ وهكذا عندما نخرج عن نطاق نظام العد . 

وبما أن النظام الثنائي لا يتميز إلا برقمين فقط فعندما نريد تمثيل العدد أثنين نقوم بدمج الرقمين ١‏ و ٠‏ وهكذا 


فالعدد العشري ۲ يمتل في النظام الثنائي كما يلي ٠١‏ 
والعدد العشري ۲ يمتل في النظام الثنائي كما يلي 1١‏ 
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وتوجد أساليب رياضية لن نتطرق لها تستخدم في التحويل بين آنظمة العد المختلفه . 


معاملات |JتعJal‏ ıllıٽ Bitwise Operators‏ 
تستخدم لتتعامل مع القيمة الثنائية لكلا الطرفين 


8&4 ° 


| 
تتعامل مثل المعامل المنطقي | | 


تكامل مغل االهاهل الختطقي ؛ 


تتعامل بمفهوم ال 0۴× مثل المعامل المنطقي | | ولكن 


نامل كل الال المطفي فة 
ولكن تقامل ليس بالقيمة الكلبة للطرقفين ولكن تتم المقارنة علي فستوى آلبت ٠‏ بت واخد تلو الأخر: 


ولكن تتعامل ليس بالقيمة الكلية للطرفين ولكن تتم المقارنة علي مستوي البت » بت واحد تلو الأخر . 


ولكن تتعامل ليس بالقيمة الكلية للطرفين ولكن تتم المقارنة علي مستوي البت » بت واحد تلو الأخر . 


تقوم بإرجاع القيمة ۲1€ عندما يكون احدي طرفي المقارنة يساوي عل وغير ذلك سوف يؤدي إلي إرجاع 


القيمة ٥5اه‏ كما يلي : 


الناتج 
False‏ 
True‏ 
True‏ 
False‏ 


متال : 


ويكون الناتج كما يلي : 


القيمة 
True‏ 
False‏ 
True‏ 
False‏ 


Microsoft Internet Explorer 


تفسير الناتج كما يلي : 


متال : 
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alert( 2 & 3 ); 


alert( 2| 3 ); 


جاها سحربت المستوي الاول 


ويكون الناتج كما يلي : 


Microsoft [Internet Explorer 


۲ ۱ ۰ 
۳ ۱ ۱ 
۳ ۱ ۱ 


متال : 


alert( 2^ 3); 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


۲ ۱ ۰ 
11 ۱ ۱ 
۱ ۱ 


Shift Operators ةحljlJ|l‎ تالمlعم أما‎ 


تستخدم لعمل أزاحة ( تحريك ) للبتات كاأط إلي اليمين أو اليسار حسب نوع الإزاحة كما يلي 


© >> : 
تقوم بعمل إزاحة ناحية اليمين لعدد من البتات يكافيء مقادر قيمة الطرق الأيمن 
لقيمة العدد بالطرف الأيسر 

6 << : 
تقوم بعمل إزاحة ناحية اليسار لعدد من البتات يكافيء مقادر قيمة الطرق الأيمن 
لقيمة العدد بالطرف الأيسر 
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: متال‎ 
var num = 6 , numl1 , num2; 
numl1l = num >> 1; 
alert ( "numl : " + numl );, 
num2 = num >> 2; 
alert ( "num2 : " + num2 ); 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


3 uml : 3 


Microsoft Internet Explorer 


3 umd : 1 


وتفسير الناتج كما يلي : 
يمثل العدد 1 بالعدد ٠٠١‏ بالنظام الثنائي » فعند إزاحة هذا العدد الثنائي ناحية اليمين بمقدار بت واحد سوف يصبح 
كالتالي ١١‏ اي ما يكافئ العدد ١‏ بالنظام العشري » وإذا تم إزاحة بمقدار بت أخر جهة اليمين يكون العدد كالتالي ١‏ 
اي ما يعادل ١‏ بالنظام العشري كما يتضح بالشكل التالي : 


(3) 0 
(1) 10 


: متال‎ 
var num = 6 , numl1 , num2;, 
numl1 = num << 1; 
alert ( "numl1 : " + numl ); 
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num2 = num << 2; 


alert ( "num2 : " + num2 ); 


ويكون الناتج كما يلي : 


Microsoft Internet Explorer 


N aml : 12 


Microsoft Internet Explorer 


3 amd : A4 


وتفسير الناتج كما يلي : 

يمثل العدد 1 بالعدد ٠٠١‏ بالنظام الثنائي » فعند إزاحة هذا العدد الثنائي ناحية اليسار بمقدار بت واحد سوف يصبح 
كالتالي ٠٠*١‏ اي ما يكافئ العدد ١١‏ بالنظام العشري » وإذا تم إزاحة بمقدار بت أخر جهة اليمين يكون العدد 
کالتالي ۱۱۰۰۶۰ اي ما یعادل ۲٤‏ بالنظام العشري 


معاملات خاصهة 
E‏ 
المعامل الشرطي (١era0ممه‏ اجditionصcon)‏ ويیسمي أيضا معامل تيرنري (Ternary Op€raOr)‏ 
الشكل العام له : 
, القيمة عندما يكون ناتج الشرط خطأً : القيمة عندما يكون ناتج الشرط صحيحة د ر الشرط ) 
متال : 


var numl = 6 ,num2; 


num2 = ( numl1 > 3 )? 5 : 100; 
alert ( "num2 : " + num2 ); 


ولأن ناتج المقارنة ( 3 < ۸۳٣1‏ ) سوف یکون عںاح 
للك ون الو ما لى 


57 


جاها سحربت المستوي الاول 


Microsoft Internet Explorer 


سم 


: مثال‎ 
var numl1 = 6 ,num2; 


num2 = ( numl1 < 3 )? 5 : 100; 
alert( "num2 : " + num2 ); 


ولأن ناتج المقارنة ( 3 > ۸1۳1 ) سوف يكون عءاهf‏ 
لذلك يكون الناتج كما يلي : 


Microsoft Internet FE xploarer E 


سم 
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Operator Precedence تٽۈڻلمlعمJلl‎ ذيفغiت أولوية‎ 


كما تعلمنا جميعا بالمرحلة الإبتدائية أن العمليات الرياضية من جمع و طرح وقسمة وضرب تختلف أولوية تنفيذه 


حجيث أن أولوية إجراء عمليات الضرب والقسمة أكبر من أولوية إجراء عمليات الجمع و الطرح . 
وأولوية عمليات الضرب والقسمة متساوية . 


ركا أؤلؤة فلات احم فازظرع متضافة: 
فجرت اله كل خر هن علا العلم وتكن مانا وا ها رلا فعا ولسغا بها 
تعالي معي نبحث هذه العملية الحسابية 


زک ا ا 


فما نتيجة هذه العملية الحسابية هل يكون الناتج ٠۸‏ أم ١5‏ ؟ 

لو تم جمع الرقم ۲ علي الرقم > ينتج العدد ٦‏ ثم عند ضرب هذا الرقم في العدد ۲ يكون الناتج ٠۸‏ ولكن هذا غير 
صحيح رياضيا لأننا أجرينا عملية الجمع أولا ثم إجرينا عملية الضرب » ولكننا علمنا من قليل أن أولوية إجراء عمليات 
الضرب والقسمة أكبر من أولوية إجراء عمليات الجمع و الطرح » أي أننا ينيقي أن ننفذ عملية الضرب أولا وتكون 
الخطوات كالتالي : 

ننم درن ال فو الد ا ونو عو اة ٠‏ جو ي كوه خاي اله ١‏ ون ا 1 


: متال‎ 
var numl1 = 2 ,num2 = 4 , num3; 


num3 = numl + num2 * 3; 


alert( "num3 : " + num3 ); 


و يكون الناتج كما يلي : 


Microsoft Internet Explorer 


% num: 14 


ولكتا تعلفا مما فرستاة في منهخ الرناضيات أنا يمكا قير أولونة تتفي العمات الرباضة پاتخام ها يسمي 


أقواس المجموعات وتكون العمليات الحسابية الموجودة داخل هذه الأقواس ذات أعلي أولوية 
كما بالمثال التالي : 
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متال : 
var numl1l = 2 ,num2 = 4 , num3;‏ 


num3 = (numl + num2) * 3; 


alert( "num3 : " + num3 ); 


و يكون الناتج كما يلي : 


Microsoft Internet Explorer 


3 umd: 18 


لاحظ معي السطر التالي : 
num3 = (numl + num2) * 3;‏ 


لاحظ وجود الأقواس حول العملية الحسابية 2٣ا۸‏ + 1٣نم‏ 


مما يجعل أولوية إجراء هذه العملية أكبر من أولوية إجراء عملية الضرب . 
فيتم جمع الرقم ۲ علي الرقم > ينتج العدد ٦‏ ثم عند ضرب هذا الرقم في العدد ۲ يكون الناتج ٠۸‏ 


: متال‎ 
var numl1 = 2 ,num2 = 4 , num3;, 


num3 = ( (num1 + num2) / 2 +6) * 3; 


alert ( "num3 : " + num3 ); 


و يكون الناتج كما يلي : 


Microsoft Internet Explorer 


3 umd : r 
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Exception Handling İÎطخأل|l معالجة‎ 


ربما يصادفك حدوث بعض المشاكل ولا تكون أخطاء لغوية ومع أنك لم تخطأً في كود البرنامج دعنا نري المثال التالي 


متال : 


<HTML dir=rt1> 
<Titl1le> معالجة الأخطا‎ </Title> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript "> 
<= 


var numl1 ,num2; 


alert ( num3 ); 
> 
</SCRIPT> 
</HEAD> 
</HTML> 


وبما أن المتغير المسمي ۸1١3‏ لم يتم تعريفة ولا إعطائه قيمة فلا يمكن إستخدامه 


ويكون الناتج كما يلي : 


û, Runtime Error has occurred. 
Do pou wish ta Debug? 


Line: f 
Error: ‘num3' l= undefined 


Error 


كما يتضح من الرسالة أنها رسالة ۴۲۲۵۲ اي رسالة خطاأً 


وتشير الرسالة إلي أن "num3 is undefined"‏ |lي‏ أن المتغفير المسمي ۳3ا۸ غير معرف أو غير معروق لدي 


البرنامج . 
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ولكن السؤال الأن هل يمكن تجنب وقوع الأخطأً ؟ 


نعم » يمكنك تجنب حدوث الأخطأً باستخدام صيغة ٤۲۷‏ و catch J|‏ 


الصيغة العامة 


try{ 


Jcatch( e ){ 


يتم كتابة الأكود بين أقواس الجملة ل۲ فإذا حدث اي خطأ ينتقل المفسر إلي منطقة الأكواد بين أقواس الجملة 
cat‏ ويتم تحميل كائن مخصص لحمل مواصفات هذا الخطأً جرت العادة لتسمية هذا المتفير باسم ٠‏ لانه يدل علي 


Exception cliiiwإ| حدوث‎ 


ولمعالجة المتال السابق نقوم بإعادة كتابتة كالتالي 
متال : 


ويكون الناتج كما يلي 


Î Microsoft Internet Explorer 


ەس 


<HTML dir=rt1> 
<Tiغ1م>< معالجة الأخطا‎ >/7it1مe<‎ 


<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1I-—- 
var numl1 ,num2; 
try{ 
alert ( num3 ); 
Jcatch( e ){ 
۾1٤‎ ) ۽ (”حدث خطأ"‎ 
} 
AS > 
</SCRIPT> 
</HEAD> 
</HTML> 
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ويمكننا إظهار رسالة الخطأً الأساسية بإاستخدام خصائص الكائن ٠‏ وخائصه هي : 


Name °‏ 1 
وتعبر عن اسم الخطا 
Message °‏ 
وتعبر عن محتوي نص رسالة الخطا 
Number °‏ 
وتعبر عن رقم الخطا 
Description °‏ 


نقوم بإعادة كتابة المتال السابق كالتالي 
متال : 


ويكون الناتج كما يلي 


<HTML dir=rt1> 
<Tiغ1م>< معالجة الأخطا‎ >/rit1م<‎ 


<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
-=إ<‎ 
var numl1 ,num2; 
try{ 
alert ( num3 ); 
Jcatch( e ){ 
alert( ": اسم الخطاً‎ ” + e.name + "\n" + 
” : ”رقم الخطاً‎ + e.number + "\n" + 
” : ”رسالة الخطأ‎ + e.message + "\n" + 
” : ”وصف الخطاً‎ + e.description ); 
} 
AE > 
</SCRIPT> 
</HEAD> 
</HTML> 


mH Microsoft Internet Explorer 


8۵ 


ام الط : TypeE ror‏ 
رفم اطا : -4 1814 

num3' iz undefined! : Îطخلا رسال‎ 
nurî is undef iEH' : و صك الخ‎ 


63 


جاها سخربت المستوي الاول 
إستحداث خطأ بإاستخدام الجملة س0wWإ!٤‏ 
في بعض الأحيان نحتاج إلي إستحداث خطأ ما » ويتم ذلك بإاستخدام الأمر ٤۸۲0۷‏ » بطريقتين 


أولهما 
قدا الال لسن بذ أف طا ولا سوق س دف ها الخطا كما يلي 


<HTML dir=rt1> 
<Titl1le> معالجة الأخطا‎ </Title> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<I-—- 
var helloMessage = ر" مرحبا بك"‎ 
try{ 
alert ( helloMessage ); 
+ط٣‎ ٥۳ ر" هذا خطأ ليس حقيقي ولکنه مستحدث"‎ 
Jcatch( e ){ 
alert ( ” : رسالة الخطاً‎ ” +e J); 
} 
> 
</SCRIPT> 
</HEAD> 
</HTML> 


ويكون الناتج كما يلي 


3 Microsoft Internet Explorer 


% رسال الخطا : هذا خطا ليس فيي ولكنه مستحدف 


من المثال السابق تم كتابة رسالة الخطأً بعد الأمر Wه‏ 1۴ع كما بالسطر التالي 
هذا خطأ ليس حقيقي ولكنه مستحدث" hr0Wطغ‏ 


فعند تنفيذ هذا الأمر ينتقل المفسر إلي الجملة ٤ة‏ حاملا معه رسالة الخطأً في المتغير € 
بعدها قمنا بطباعة رسالة الخطأً كما يلي 


Jcatch( e ){ 
alert ( ” : رسالة الخطا‎ ” +e J); 
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تانيهما هو عمل خطأً من الکائن ٤۲۲۵۴۲‏ ثم إرساله إلي الأمر †۸۲٥W‏ 
كما بالمتال التالي 


مثال 


<HTML dir=rt1> 
<Titl1le> معالجة الأخطا‎ </Title> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<1 
var helloMessage = و مرحبا بك"‎ 
try{ 
alert ( helloMessage ); 
var err = new Error هذا خطاً لیس حقيقي ولکنه مستحدث")‎ J 
err.description = "ڻùيڍgدي هذا خطاً تم صنعة‎ Wp 
throw err; 
Jcatch( e ){ 
alert( ": رسالة الخطأً‎ " + e.message + "\n" + 
” : .هه + ”وصق الخطاً‎ description ); 
J} 
A> 
</SCRIPT> 
</HEAD> 
</HTML> 


ولن نخوض كثيرا في هذا المثال حتي نقوم بشرح الکائن E۲۲۵۲‏ بالجزء الثاني من هذا الكتاب إن شاء الله 
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with alمح‎ 


عندما تقوم بإستخدام خصائص 5ه #۲م٠۲م‏ و أو وظائف 5١٠اء٠د؟‏ تابعة لكائن واحد » يمكننا أن نجعل هذا الكائن 
يشير إلي خصائصه و وظائفه بدون تكرار كتابته قبل كتابة الخاصية او الوظيفة . 


الصيغة العامة لجملة ٣٤اس‏ 
۽ ر اسم الكائن المستهدف عدم تكراره ) طخس 
الاکواد ر 
e‏ 


وبالمتال يتضح المقال 
متال : 


سا٣ هذا المتال بدون إستخدام جملة‎ 
<HTML dir=rt1> 
<>Iit1e> Ãlمج‎ ùgدڊب‎ with </Tit1e> 


<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
-=إ<‎ 
var userName = الحسين محمد علي"‎ E 
var familyName = window. prompt ۽( ”ماهو اسم العائلة ؟"(‎ 
window.alert (" : ”مرحبا بك يا‎ + userName ); 
window.alert (" : "مرحبا بعائلة‎ + familyName ); 
n 
</SCRIPT> 
</HEAD> 
</HTML> 


وكما تري بالمثال السابق قد قمنا بتكرار كتابة الكائن W۷1١00۷‏ كما يلي 
۽( ”ماهو اسم العائلة ؟"( var familyName = window. prompt‏ 
userName );‏ + ”مرحبا بك يا : "( window.alert‏ 


window.alert (": ”مرحبا بعائلة‎ + familyName ); 


ويمكننا أن نقوم بإلغاء تكرار كتابة الكائن »|٣۵0W‏ بإستخدام الكائن 1٣۵0۷‏ كما بالمثال التالي : 
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هذا المثال بإاستخدام جملة ۸أ 


<HTML dir=rt1> 
<Tit1e> Ãlج‎ with </Title> 


<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<= 
var userName = "يذلl۳e ر" الحسين محمد‎ 
with ( window ){ 
var familyName = prompt ("® ر ”ماهو اسم العائلة‎ 
alert (": ”مر حبا بك يا‎ + userName ); 
alert (": "مرحبا بعائلة‎ + familyName ); 
J} 
> 
</SCRIPT> 
</HEAD> 
</HTML> 


ويؤدي هذا المتال إلي نفس الناتج بالمثال السابق 


ويتضح طريقة إستخدام جملة ۷١‏ بالأسطر التالية : 


with ( window ){ 
var familyName = prompt ("® ۽(" ماهو اسم العائلة‎ 
alert (": ”مرحبا بك يا‎ + userName ); 
alert (": "مرحبا بعائلة‎ + familyName ); 


كما تري لم نقم بتكرار كتابة اسم الكائن ۷|00۷ » بل تم كتابته مرة واحدة بين أقواس جملة ١أ‏ ثم اي خاصية أو 
وظيفة تابعة لهذا الكائن تم كتابتها بين أقواس المجموعة لجملة ١أ‏ يمكنك تجاهل كتابة اسم الكائن “٣0W‏ 


التابع له . 


ملاحظة : 


يمكنك كتابة اسم الكائن وحتي بعد إستخدام جملة ١أ‏ ولكن هذا يجعل جملة ١أ‏ بدون فائدة . 


كما يلي : 
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with ( window ){ 
var familyName = prompt ("® ر( ”ماهو اسم العائلة‎ 
window.alert (" : "مرحبا بك يا‎ + userName J); 
alert (": ”مرحبا بعائلة‎ + familyName ); 


جاها سحربت المستوي الاول 


تداخل حملة hغwi‏ : 
يسمح بعمل تداخل و9١‏ ائم" لجمل ٣اس‏ كما بالمتال التالي : 


مثال 


<HTML dir=rt1> 
<Tit1e> ãlج‎ with </Title> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


--إ< 


الحسين محمد علي" = var userName‏ 


with ( window ){‏ 
۽(" ماهو اسم العائلة ®"( var familyName = prompt‏ 
userName );‏ + ”مر حبا بك يا :"( alert‏ 
familyName );‏ + "مرحبا بعائلة :"( alert‏ 


طخ ةس تداخل لجمل // 

with ( document ) {‏ 
J‏ "<عط> طغتس مرحبا بفكرة تداخل جمل "( write‏ 
;)" إلي اللقاء مع الفصل القادم "( writeln‏ 
familyName );‏ + " إلي اللقاء لعائلة :"( alert‏ 


> 
</SCRIPT> 


</HEAD> 
</HTML> 


كما تلاحظ أنه تم تداخل جحملتين ل ١أ“‏ أحدهما للكائن 0Wل٣»‏ والأخري للكائن 0٤۷8١٤‏ كما يلي : 
with( window ){‏ 

۽(" ماهو اسم العائلة ®"( var familyName = prompt‏ 

userName );‏ + ”مر حبا ك يا :"( alert‏ 

alert (": "مرحبا بعائلة‎ + familyName ); 


طخ ةس تداخل لجمل // 

with ( document ){‏ 
0 "<عط> طغتس مرحبا بفكرة تداخل جمل "( write‏ 
, ر” إلي اللقاء مع الفصل القادم ") ٥1‏ خ:٣إس‏ 


٤عم1ه‏ لاحظ أن هذه الوظيفة // 

تابعة لجملة // 

الأولي طخذس // 

familyName );‏ + " إلي اللقاء لعائلة :"( alert‏ 
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)لقصل الخاهس 
أالټحكه في مسار البرناهج 


سوف نناقش إن شاء الله في هذا الفصل النقاط التالية : 


Conditional Statements hill J< ° 
هه جملة الشرط از‎ 
sw ٤٤۸ جملة الشرط‎ ه٥‎ 


* جمل التكرار وJlحlقlژت Iteration Statements‏ 
ہہ جملة التکرار ٣٥ە؟‏ 
ہ جملة التکرار W!٥‏ 
٥ه‏ جملة التكرار do while‏ 
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Conditional Statements طjiلll‎ Jمح‎ 


دائما في حياتنا المعاصرة ما نحتاج لإتخاذ بعض القرارات هل نفعل كذا أم كذا علي سبيل المثال قبل أن تبدأ في 
تعلم لغة الجافا سكربت ريما تبادر لك هذا السؤال هل أنت في حاحة لتعلم هذه اللغة ؟ 

وهذا السؤال يحتمل إحدي الإجابات إما نعم أو لا » ويإجابتك علي هذا السؤال تكون قد حددت مسارك في الأيام 
القادمة » علي سبيل المتثال لو كانت إجابتك بلا لما إستطعت قرأت هذا النص المكتوب بين يديك » وإذا كانت إجابتك 
بنعم فسوقف تکون من قارئي هذا النص . 


نخلص مما سبق إلي أننا دائما ما تطرح أمامنا إختيارات نحتاج لوضعها في حمل شرط وهذه الجملة تحدد المسار 
حسب الإختيار » فعلي سبيل المتثال لجملة الشرط 

هل تريد أن تتعلم لغة الجافا سكربت ؟ وليس أمامك إلا إختياران أحدهما نعم والأخر لا 

فعندما تقول نعم فسوف تجني ثمار ما تعلمت إن شاء الله فمن جد وجد » وإذا كان الخيار بلا فلا تلومنا إلا نفسك 


لتفريطك في أخذ العلم النافع . 


حملة الشرط ا 
هن أشكهر حمل القدرط الحملة ۴أ ونشستخدم لقمل تفرع مسار الرتامح ٠‏ 


الصيغة العامة لجملة الشرط ۴ا 
توجد عدة صيغ لجملة الشرط ؟أ كما يلي : 


الصيغة الغردية ۴ا : 

وفيه يتم حساب قيمة حملة الشرط فإذا كانت جملة الشرط تكافي القيمة ع٥u٣اج‏ (أو اي قيمة عددية غير الصفر أو 
اي قيمة نصية غير قيمة النص الفارغ أو القيمة ااا" ) » فعندئذ يتم تنفيذ الأكواد بين أقواس جملة الشرط ۴أ »› 

وإذا كانت تكافئ القيمة #كاهf‏ ( أو القيمة العددية صفر أو القيمة النصية الفارغة ) سوف يتم تجاهل تنفيذ الأكواد 
بين اقواس جملة الشرط . 


) ر جملة الشرط )۶ز 
ر 
} 


متال 
var num = 78;‏ 
if( num >= 50 ) {‏ 
J;‏ " أكبر من أو يساوي °° num + "|n‏ + " = صumم‏ المتغير " ( alert‏ 
} 


ويكون الناتج كما يلي 


Microsoft Internet Explorer 


num = F8 ١‏ البلغير 
ابر من أو پساري ۵١‏ 
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الصيغة المزدوحة ٥كا‏ ... ۴آ : 

وفيه يتم حساب قيمة حملة الشرط فإذا كانت جملة الشرط تكافي القيمة #نا٣‏ (أو اي قيمة عددية غير الصفر أو 

اك قيمة تصية غير قيمة النص الفارغ أو القيمة اال" ) » فعندثذ يتم تنفيذ الأكواد بين أقواس جملة الشرط أ ¿ 

وإذا كانت تكافئ القيمة #كاه؟ ( أو القيمة العددية صفر أو القيمة النصية الفارغة ) سوف يتم تجاهل تنفيذ الأكواد 
بين أقواس جملة الشرط أ ثم يتم تنفيذ الأكواد المنحصرة بين أقواس الجملة e٠۶۵‏ . 


۽ ر جملة الشرط )۴ 


// الأكواد‎ 
Jelse{ 

// الأكواد‎ 
J} 

مثال 

var num = 18; 
if( num >= 50 ) { 

1 أكبر من أو يساوي °° num + "|n‏ + " = umم‏ المتغير " ( alert‏ 
Jelse{‏ 

alert ( " المتير‎ مum‎ = " + num + "\|n °° أقل من‎ ” J 


} 
ويكون الناتج كما يلي 


Microsoft Internet Explorer 


8 = ام البئغبر 
أ شا من +۵ 


الصيغة المركبة : 


وفيه يتم حساب قيمة حملة الشرط الأولي فإذا كانت جملة الشرط تكافي القيمة هن١‏ (أو اي قيمة عددية غير 
الصفر أو اي قيمة نصية غير قيمة النص الفارغ أو القيمة االا" ) » فعندئذ يتم تنفيذ الأكواد بين أقواس جملة الشرط ۴أ 
> وإذا كانت تكافئ القيمة #ءاه؟ ( أو القيمة العددية صفر أو القيمة النصية الفارغة ) سوف يتم تجاهل تنفيذ الأكواد 

بين أقواس جملة الشرط اأ ثم ينتقل ألي جملة الشرط التالية ويفعل معها مثل ما سبق فإذا كانت كل جمل الشرط 
تۋول إلي 58ا2 فسوف يتم البحث عن جملة عع فإن وجدت فسوق يتم تنفيذ الأكواد المنحصرة بين اقواس الجملة 
ماع وإن لم يجد جملة ٤€‏ فلن يتم تنفيذ شئ. 


) ر جملة الشرط رقم ١‏ )۴¿ 


الأكواد // 

) ر جملة الشرط رقم ١‏ )1۴ ٠ء1‏ 
للك ر 

Jelse{ :‏ 
كلك رر 


} 
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أو بدون 5۵اه كما يلي : 
) ر جملة الشرط رقم ١‏ )۴ة 


الأكواد // 
) ر جملة الشرط رقم ۲ )1£ ٠1ء‏ 
اكاد ر 
} 
متثال 
var num = 48;‏ 


if( num >= 1 && num <= 10 ) { 

alert( " نم العدد‎ | ٠١ "محصور بین ۱ و‎ 8 
Jelse if( num > 10 && num <=20 ){ 

,ر "أكبر من ٠١‏ وأقل من أو تساوي ١‏ | سم العدد" )غإم1۾ 
Jelse if( num > 20 && num <=30 ){‏ 

,ر ”أكبر من ۲١‏ وأقل من أو تساوي ۳٠‏ ۸| سم العدد" )غإمa1‏ 


Jelse{ 
a1مإغ) رر "اکبر من ۳۰ ہ| صسںم العدد"‎ 
1 
ویکون الناتج كما يلي‎ 
Microsoft Internet Explorer 
الحدد‎ م٣‎ 
٣۰ آگبر من‎ 
مثال‎ 
هو نفس المتال السابق ولكن بدون جملة عءاع‎ 
var num = 48; 


if( num >= 1 && num <= 10 ) { 

alert( " نم العدد‎ | ٠١ "محصور بین ۱ و‎ 2 
Jelse if( num > 10 && num <=20 ){ 

,ر "أكبر من ٠١‏ وأقل من أو تساوي ١‏ | سم العدد" )غإم1۾ 
Jelse if( num > 20 && num <=30 ){‏ 

,ر "أكبر من ۲١‏ وأقل من أو تساوي ۳١‏ ۸| سم العلد" )غإمa1‏ 


ويكون الناتج كما يلي 
لن يتم ظهور اي رسائل لعدم تحقق اي من الشروط السابقة . 
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تمرين للكشف عن كلمة السر 


r" 0) 


2 


<HTML dir=rt1> 
الكشف عن كلمة السر <م1غ:1>‎ >/٣:غ1٥<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


-=إ< 
var userPassword = "123",‏ 
" أدخل كلمة السر") var password = pop‏ 
if( password == userPassword ){‏ 
ر ”كلمة سر صحيحة | مرحبا بك يا" ) ٤إم1۾‏ 
Jelsef{‏ 
ر ر ”كلمة السرغير صحيحة" ) ٤1۾‏ 
} 
> 
</SCRIPT>‏ 
</HEAD>‏ 
</HTML>‏ 


ويكون الناتج بعد إدخال كلمة السر بقيمة ٠١‏ ثم الضغط علي زرار 0)۸ كما يلي : 


El Microsoft Internet Explorer 


% كلمة السرغير صحيحة 


ويكون الناتج بعد إدخال كلمة السر بقيمة ٠۲۳‏ ثم الضغط علي زرار )0 كما يلي : 


El Hicırosoft Internet Explorer 


مرحبا ہك پا 
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حاول أن تركز في الأمثلة القادمة : 


مثال 
var num = 4;‏ 
if( +tnum == 5 ) {‏ 
,ر ”يساوي ° ہ| صںم الع™دد" ( alert‏ 
} 
ويکون الناتج كما يلي 
Microsoft Internet Explorer‏ 
ا العيي 
پساوي ۵ 
متال 
var num = 4;‏ 
if( num++ == 5 ) {‏ 
,ر ”يساوي ° ہ| صںم العدد" ( a1ert‏ 
Jelse{‏ 
alert ( "num = " + num );‏ 
} 


ويكون الناتج كما يلي 


Microsoft Internet Explorer 


3 num = Û 
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حملة الشرط ۸اswi‏ 


تستخدم خملة الشرط 6۸ا5۷ مل إستخدامنا لخملة الشرط ۴آ المزدوجة أو المركبة > ذا ما ذامت تؤدي تقس 
وظيفة الجملة ۴أ فما الحاجة إليها » نعم أنت علي حق لكننا نحتاج إلي جملة ۷۸ء الشرطية بدلا من 
جملة ۶۵ا ... ۴¡ لتسهيل شكل الكود . 


الصيغة العامة 


) ر المتغير أو العملية المراد مقارنتها ) إءا:س«ء 
” قيمة '" case‏ 
الأكواد // 
break;‏ 
ّ " قيمة !" case‏ 
ES‏ 2 
break,‏ 
قيمة case "Y‏ 
الأكواد // 
break;‏ 
default :‏ 
الأكواد // 


أو بدون خااه۴هك كما يلي : 


0 المتغير أو العملية المراد مقارنتها ) إءخذسه 
2 ” قيمة '" case‏ 
اكوك رر 
break;‏ 
ٍ ” قيمة case "Y‏ 
ES‏ 
break,‏ 
” قيمة case "YT‏ 


الأكواد // 


break; 


يتم مقارنة المتغير أو العملية المراد مقارنتها بالقيم الموجودة بحالات (3565) ) جملة 5۷۸ فإذا تساوت 
إحداهما مع قيمة المتغير المقارن يتم الدخول داخل هذة الحالة هه وتنفيذ الأكواد التي بداخلها » وإن لم يتم 
تساوي القيمة المقارنة باي من حالات جملة 5۷۲٤۸‏ يتم البحث عن الحالة الخاصة اانا۴هل فإذا وجدت يتم الدخول 
فيها ثم تنفذ الأكواد الموجودة بها . 


ملاحظة : 


لتفادي حدوتث عملية السقوط أو ما يسمي بي طوںuہ۲طا‏ ااھ۴ یجب وضع الأمر )جهإط حتي تنهي جملة ٤۸‏ أ6W‏ . 
ولكن في بعض الأحيان نحتاج لعدم تلافي عملية السقوط كما سنري بالأمثلة القادمة . 


75 


جاها سحربت المستوي الاول 


مثال 


ويكون الناتج كما يلي 
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<HTML dir=rt1> 


switch >/1it1e><‏ جملة الشرط <م1غ11> 


<HEAD> 


<SCRIPT LANGUAGE="JavaScript'"> 


,ر ”يساوي ۱ 
,ر "يساوي ۲ 
,ر ”يساوي ۳ 
ر( ”يساوي ٤‏ 


;( umم‏ + " يساوي 


E Hicırosoft Internet Explorer 


الحدد بام 
پساري چ 


\n 


\n 


\n 


\n 


\n 


num 


num 


num 


num 


num 


العدد 


العدد 


العدد 


العدد 


العدد 


r 


" 


r 


r 


4; 


-=إ< 


var num = 


switch( num ) { 


case 1 


alert ( 
break; 


case 2 


alert ( 
break; 


case 3 


alert ( 
break; 


case 4 


alert ( 
break; 


default 


alert ( 
break; 


} 
S> 
</SCRIPT> 
</HEAD> 
</HTML> 


جاها سحربت المستوي الاول 


مثال 


<HTML dir=rt1> 
جملة الشرط <ه1غ11>‎ switch >/1it1e< 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
-=إ<‎ 


var num = 4; 


switch( num ) { 
IT MH 7 A E 
alert ( ” ا صumم العدد‎ ٤ او ۲ او ۳ أو‎ ١ ,ر "ريبما يساوي‎ 


break; 
default : 
alert ( " د3ګأll‎ num \n يساوي‎ " + num ); 
break; 
J} 
E > 
</SCRIPT> 
</HEAD> 
</HTML> 


كما تلاحظ بالسطر ذو اللون الأحمر TT‏ 
نتم دخول هذة الحلة اذا ماوت الفخة وناق باحك الةم ١‏ أو ٣‏ أو أو 


switch( num ) { 
case: 1 7 2, 3, 4 
alert ( " العدد‎ num \n “ أو‎ ٣ أو‎ ٣ ,ر ”ریما يساوي ۱ أو‎ 
break; 


ويكون الناتج كما يلي 


8 Microsoft Internet Explorer 


اليد صي 
رما پساوي ۱ أو ٣‏ أو ٣‏ أو ع 


لاحظ معي التالي : 
أن هذه الحالة تكافيء التالي : 


switch( num ) { 
case 
case 


ww N طا‎ 


case 
case 4 : 
alert ( " العدد‎ num \n ,ر ”ریما يساوي ۱ أو ۲ أو 7 أو ئ“‎ 
break; 
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جاها سحربت المستوي الاول 


كما بالمثال التالي 


<HTML dir=rt1> 
>11غt1م< جملة الشرط‎ switch >/1it1e>< 


<HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 
<I-—- 
var num = 4; 


switch( num ) { 


case 1 
case 2 : 
case 3 
case 4 : 
alert ( " العدد‎ num \n “ رر ”ریما يساوي ۱ أو ۲ أو 0 أو‎ 
break; 
default : 
alert ( ” يساوي ہ\ صumم العدد‎ " + num ); 
break; 
} 
> 
</SCRIPT> 
</HEAD> 
</HTML> 


وهنا لم نضع الجملة )هه لتفادي حدوث عملية السقوط طوںه۲؟خ اه۴ بل أردنا إحداث هذا السقوط » و إذا 
تصادف تساوي القيمة ۸1۳ بإحدي القیم ۱ أو ۲ أو ۲ أو > سوف يتم تنفيذ نفس قطعة الكود . 


فإذا كانت القيمة 1۳ا۸ تساوي القيمة ۲ » سوف يتم السقوط إلي الحالة ٣‏ لأن الحالة ۲ لا يوجد بها الأمر 0۲٤3)‏ > 


ثم يحدث سقوط أخر إلي الحالة > لأن الحالة ۲ ليس بها الأمر 0۲۴١)‏ الخاص بإنهاء تنفيذ جملة 5۷۲٤۸‏ » ثم يتم 
تنفيذ الكود الموجود بالحالة > » ثم يتم إنهاء الجملة ۸أ« نتيجة وجود الأمر 0۲٠۵۸‏ بالحالة > . 
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جاها سحربت المستوي الاول 


Iteration Statements تlêlzJlو‎ رlرکتلاl حمل‎ 


الهدف من جمل التكرار هو تكرار مجموعة من الأكواد لعدد أو مدي معين من المرات . 


هب أنني طلبت منك أن تقوم بطباعة الجملة التالية "أن محتاج لجمل التكرار" ثلاث مرات فسوف تقول لي هذا 


أمر سهل . نعم سوف أصدقك ولكن ماذا لو زادت مرات التكرار إلي ٠٠٠١‏ مرة مثلا أو إلي عدد من المرات غير محدد 
يتوقف علي شرط ما كما سنري عند الحديث علي جمل التكرار علي حدا . 


حملة التکرار ۴٥٣‏ 


الهدف من جملة التكرار 0١‏ هو تكرار محموعة من الأكواد لعدد معين من المرات . 


الصيغة العامة 


مثال 
يقوم بطباعة مجموع الارقام من ١‏ إلي > 


ويكون الناتج كما يلي 
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) ر إجراء زيادة أو نقص , شرط التكرار , كود البداية ) إهء 


الأكواد // 


<HTML dir=rt1> 
<Tit1م>< حملة التكرار‎ ۴0r>/11t1e< 
<HEAD> 


<SCRIPT LANGUAGE="JavaScript'"> 


کک 


ا ا م ا 0 م وھا 


KS FS, 
J} 
alIerE VIL FEE FTE AAS TF FEY? 
> 
</SCRIPT> 
</HEAD> 
</HTML> 


El Microsoft Internet Explorer 


ETT % 


جاها سدربت المستوي الاول 
عند تنفيذ جملة ٤0۲‏ يتم تنفيذ جملة البداية أول مرة فقط . 


for( i=0; i<5 ; i++ ) { 


ثم يتم حساب جملة الشرط فإذا كانت تساوي ۵ن٣‏ يتم تنفيذ الأكواد بين أقواس الجملة ۴0١‏ . 


for( i=0; i<5 ; i++ ) { 


ثم يتم تنفيذ الأكواد بين أقواس الجملة ۴0۲ . 


For 10; 1<5 2; 1 J 


ثم يتم حساب جملة الزيادة أو النقص . 


for( i=0; i<5 ; i++ ) { 


ثم يتم حساب جملة الشرط فإذا كانت تساوي ۵ن٣‏ يتم تنفيذ الأكواد بين أقواس الجملة ۴0١‏ . 


EOE( 1=0; 1<5 22 Jl 


وهكذا حتي تساوي جملة الشرط 58ا4٤‏ فتنتهي هذة الحلقة . 


مثال 
مثل المتال السابق ولكن بعدم وضع جملة الشرط لجملة ۴0١‏ 


<HTML dir=rt1> 
>Tit1ە>< حملة التكرار‎ £0r>/rit1e< 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1I-—- 


var x = 0; 


for( i=0; ; i++ ) { 
x += i; 
1if( i == 4 ) break; 


alert ("1 + 2 + 3 + 4 = " + x); 
ALES 
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جاها سدربت المسدوي الاول 
</SCRIPT>‏ 
</HEAD>‏ 
</HTML>‏ 


ويكون الناتج كما بالمثال السابق 


لاحظ أنه لا توجد جملة شرط لجملة ٤0١‏ ولكن يوجد داخل كود جمل التكرار أحد جمل الشرط بها كود يؤدي إلي إنهاء 
دورة جملة ۴0١‏ . 


كما بالسطور التالية 


for( i=0; ; i++ ) { 
E غ‎ 7 
if( i == 4 ) break; 


حملة for in‏ 
تستخدم لعمل تكرار للمتغيرات من النوع الكائني كأءعe‏ زطه مثل المصفوفات A۲٣5‏ 


وسوق نتحدث عنها في الجزء الثاني من هذا الكتاب . 


الصيغة العامة 
) رالكائن مة المتغير ) إهع 
الأكواد // 
J}‏ 
ح>ale break‏ 


تستخدم لإنهاء جمل التکرار مثل جمل ۴0۲ وجمل ۵ا۷۸ وجمل عاطW d0‏ 


„ continue alez 
تستخدم للرجوع مرة أخري إلي جملة الشرط المحددة لعملية التكرار » وإلغاء تنفيذ الأكواد التالية لها كما بالمثال‎ 
: التالي‎ 


مثال 
يقوم بطباعة مجموع الأرقام الفردية بين ١‏ و١٠‏ 


<HTML dir=rt1> 
<Iit1م>< حملة التكرار‎ £هr>/71غ1م<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<== 


var x = 0; 
20 ا‎ 0 f e لل‎ 


if( i % 2 == 0 ) continue; 


x += 1 
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جافا سحربت المستوي الاول 
ALOLECI EIEIO S TT FF,‏ 
E >‏ 
</SCRIPT>‏ 
</HEAD>‏ 
</HTML>‏ 


ويكون الناتج كما يلي 


EWÎ Microsoft Internet Explorer 


a= 4+ ¥ + A+ + 1 % 


حملة التکرار while‏ 


الهدف من جملة التكرار ۴أ۷۸ هي تكرار مجموعة من الأكواد لعدد غير محدد يتوقف علي جملة شرط » بدون وجود 
قيمة إبتدائية وبدون جملة للزيادة أو النقصان . 


الصيغة العامة 


) ر شرط التکرار ) ٥11طس‏ 
NS‏ 


مثال 
يقوم بطباعة الارقام بين ١‏ وه 


<HTML dir=rt1> 
<Tit1e> حملة التكرار‎ whi 1e>/71t1e< 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<1I-—- 


var i = 1; 


while( i<6 ) { 


document.write( i + "<br>" ); 


IF? 
} 
AAS 
</SCRIPT> 
</HEAD> 
</HTML> 
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جاها سحربت المستوي الاول 
ويكون الناتج كما يلي : 


while - Microsoft Internet Explorer‏ حمل التگرار ل 
File EJ Wiew Favaoriles [ools Help‏ | 


E =} x i | Search 


8] Done DOOD a My Larmpuiter 2 


من المتال السابق لا نجد فرق بين جملة التكرار ٥ا٣۷‏ وجملة التكرار ۴0١‏ 
ولكن تظهر الحاجة إلي إستخدام جملة عأ" عند التعرض إلي تنفيذ الكود بشكل متكرر حسب شرط غير مرتبط 
بعملية حسابية تكرارية كما بالمتال التالي : 


مثال 
تقوم قي هذا المتال بالكشف عن كلمة السر 
فلو أدخلت كلمة السر خطأً يتم إعادة إدخال كلمة السر حتي يتم إدخالها بشكل صحيح 


<HTML dir=rt1> 
الكشف عن كلمة السر <م1خ11>‎ >/٣غ1٥<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
<== 


var userPassword = "123"; 
var password = prompt أدخل كلمه اسر"(‎ E ER 
while( password != userPassword ){ 


۽ ر ”كلمة السر غير صحيحة" ) ٤إهa1‏ 
ر"" ,”أدخل كلمة lأٺصر"( password = prompt‏ 
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جافا سخربت المستوي الاول 
رر ”كلمة سر صحيحة م) مرحبا بك يا" ) غإمa1‏ 


AES 
</SCRIPT> 
</HEAD> 
</HTML> 


حملة التكرار ماطس ... do‏ 


تتشابه مع وظيفة جملة التكرار اا۷ . ولكنها تختلف في أن الكود الموحود بداخلها يتم تنفيذه مرة واحدة 
علي الأقل حتي ولو كانت جملة الشرط تساوي ۵اه عند أول مقارنة › 
لأنه يتم تنفيذ الكود اولا تم يتم تنفيذ جملة الشرط . 


الصيغة العامة 


dot 
// الأكواد‎ 
رسطذ1٥‎ ) ر ر شرط التكرار‎ 


مثال 
نقوم في هذا المثال بالكشف عن كلمة السر » فلو أدخلت كلمة السر خطأ يتم إعادة إدخال كلمة السر وتتم هذه 
العملية ۲ مرات متتالية عند إدخال كلمة سر خاطئة . 


<HTML dir=rt1> 
الكشف عن كلمة السر <م1خ11>‎ >/7٣:ا1م<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<1I-—- 
var userPassword = "123", password; 
var failureCount = 0; 
dot 
failureCount++; 
if( failureCount == 4 ) break; 
if( failureCount != 1 ) alert( ”كلمة السرغير صحيحة"‎ N 
password = prop أدخل كلمة السر")‎ " J 
J while( password != userPassword ); 
if( failureCount == 4 ) 
ه1هإ٤‎ ) ر ر ”غير مسموح لك بدخول تلك الصفحة"‎ 
else 
a1مإt‎ ) ”بعد عدد من المحاولات يساوي : ” + ”"كلمة سر صحيحة م) مرحبا بك يا"‎ + failureCount); 
EES 
</SCRIPT> 
</HEAD> 
</HTML> 
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جاها سحربت المستوي الاول 


أمتلة عامة عن حمل التكرار 


مثال 
حساب المتوسط الحسابي للأعداد من ۲١‏ إلي ۸٠‏ 


<HTML dir=rt1> 
>11t1م< المتوسط الحسابي‎ >/٣:غ1ه<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<= 
var count = 0, i; 
var sum = 0; 
for( i=20; i<=80 ; i++ ){ 
sum += i; 
count++; 
J} 
var average = sum / count; 
alert( ": يساوي‎ a0 المتوسط الحسابي للأعداد ۹ إلي‎ " + average ); 
A > 
</SCRIPT> 
</HEAD> 
</HTML> 


ويكون الناتج كما يلي : 


E Microsoft Internet Explorer 


% الملو سط الحسابي للأعداد من ٠١‏ إلي ۸١‏ يساوي : ۵٠‏ 


مال متقدم 
نأخذ من المستخدم رقم بالنظام العشري » ثم نحوله إلي النظام الثنائي مع عرض عدد البتات المكونة لهذا الرقم . 


<HTML dir=rt1> 
<Title> التحويل للنظام الثنائي‎ >/۳1٤1م٥<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript "> 
<= 


var decimal1Number, binaryNumber; 


decimal1Number = prompt (" أدخل الرقم العشري‎ I 85 


جاها سحربت المستوي الاول 


var binaryString = "", count=0; 
dot 


binaryString = (decimalNumber & 1) + binaryString; 


فعند إدخال الرقم ه يكون الناتج كما يلي 


count++; 
J while( decimalNumber >>= 1 ) 


alert (binaryString); 
alert (count) 


AS 
</SCRIPT> 


</HEAD> 
</HTML> 


8 ozoft Internet Explorer 


E Microsoft Internet Explorer 


"8 
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جاها سحربت المستوي الاول 


الا التاكف 
الدوال او الوظاؤوے 

سوف نناقش إن شاء الله في هذا الفصل النقاط التالية : 

تمهيید 

تعريف الدوال أو الوظائف 

أنواع الدوال 

الصيغة العامة للدوال 

ترفد الدوال 

طريقة إستدعاء الدوال 

المتغيرات المحلية والعامة 

إسترجاع القيم من الدوال 

تف تر الخكاملات للدواك 


Recursive Function lp mhiل‎ öةllıJ|‎ sءleدawl‎ 
inner Function öلll>‎ Jخlد‎ öلl|د‎ 
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جاها سحربت المستوي الاول 


ربما كنا في الفصل السابق نحتاج إلي إستخدام جزء من الكود بشكل تكراري لذلك إحتجنا لجمل التكرار مثل جملة 
۲ . ولكن لو كنا نريد إستخدام جزء من الكود بشكل دائما فسوقف نلجا إلي إستخدام ما يسمي بالدوال او 
ilلوظilئف Functions‏ 


لاحظ معي الحالة التالية 
I)‏ أدخل كلمة السر "( var password = prompt‏ 


if ( password == "123" ){‏ 
; (”مرحبا بك هي موقعنا" ) a1ert‏ 
۽ ("<عط> مرحبا بك ي موقعنا" ) document.write‏ 


۽ ( "مدير الموقع") document .write‏ 
Jelse if ( password == "111" ){‏ 
, (”مرحبا بك ف موقعنا" ) a1 ert‏ 
2 <إط> مرحبا بك في موقعنا") document .write‏ 


document . write ("عgگڌوملاب (”مشترك‎ ; 
Jelse{ 
alert ) ر”كلمة السر خاطئة"‎ 


لاحظ معي السطر التالية 


ر”مرحبا بك في موقعنا" ) a1 ert‏ 
("<عط> مرحبا بك ي موقعنا" ) document.write‏ 


فقد تم تكرارها مرتين » فهب اننا سوف نستخدمها اكثر من مرتين فما الحل 

هل نقوم بتكرار هذة الجمل كلما إجتجتا لها » بالطبع هذا ليس بحل يروق لك 

وأنا معك أن هذا الحل لا يروق لي أنا أيضا > 

لا تقلق الحل قد أتي بحمد الله فسوف نقوم بوضع هذيين السطرين داخل بوطقة ( دالة أو وظيفة ) » نستطيع تنفيذ 
ما بها من الأكواد وقتما أردنا . 


وتكون علي الشكل التالي 


function displayMessage() {‏ 
(”مرحبا بك هي موقعنا" ) a1‏ 
("<عط> مرحبا بك ي موقعنا" ) document.write‏ 


وليس هناك اي داعي لمحاولة فهم ما كتب الأن » ولكن تابع معي أول إنطلاقة حقيقية إلي عالم البرمجة 
مع الحديث عن الدوال أو الوظائف . 
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جاها سحربت المستوي الاول 


تعريف الدوال أو الوظائف 


والوظائف هي مجموعة من الجمل يطلق عليها إسم ويشار إليها به وتنفذ كوحدة واحدة . 


أنواع الدوال 


يوجد نوعین من الدوال 
- الدوال المبنية داخل لفة الجافا سکربj built-in functions‏ 
هذه المجموعة من الدوال تم بنائها داخل لغة الجافا سكريت مثل دالة "٤‏ ا58٣4‏ » و يمكننا 
اا ا ا د ا 
- الدوال المبنية من خلال مبرمجي الجافا سكربت 
ا واو الو رف و ن که ف خا اا ا ها 


الصيغة العامة للدوال 


function معاملات الدالة ( إسم الدالة‎ I 
// الأكو اد المراد نتفيذها‎ 


ربما تقوم الدالة بإرجاع قيمة // 
2 القيمة الراجعة return‏ 


-١‏ أولا نبداً بكتابة كلمة ١0٤١لا‏ ثم يليها اسم الدالة و تخضع لنفس شروط تسمية المتفغيرات » بالإضافة إلي أنها لا 
يجب أن تأخذ اي اسم لدالة مبنية داخل لغة الجافا سكربت 0۸ا٤۴u۸ .built-in‏ 


. ثم يتم تمرير معاملات لها أو ربما لا يتم تمرير معاملات لها كما سوق نري لاحقا‎ -٣ 

. ثم يتم كتابة الأكواد المراد تنفيذها بين أقواس المجموعة الخاصة بالدالة‎ -٣ 

. بعدها ريما تقوم هذة الدالة يإرجاع قيمة أو لا ترحع اي قيم كما سوف نري لاحقا‎ -٤ 

تعریف الدوال 

دعنا بعدما علمنا الصيغة العامة للدوال » أن نقوم بكتابة احدي الدوال البسيطة وظيفتها عمل التالي 


أخذ اسم المستخدم » ثم إظهار رسالة ترحيب له . 
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جاها سحربت المستوي الاول 


لذلك سنقوم بعمل دالة باسم 55398 ۸0۷1ء هذه الدالة لا تأخذ معاملات ولا تقوم بإرجاع اي قيم كما يلي 


function showMessage () { 
var userName = pron pt ) م (”” ,” آأدخل اسمك من فضلڭ'"‎ 
alert (" : ”مرحبا بك‎ + userName ); 


نعم لقد تمكنا من بناء هذه الدالة إستنادا علي ما تعلمناه للصيغة العامة للدوال 
ولکن کیف یمکننا تنفیذ ما بداخلها من أکواد ؟ 
للإجابة علي هذا السؤال أتبعني في الفقرة التالية 


طريقة إستدعاء الدوال 


نعني بإستدعاء الدالة اي تنفيذ ما بداخلها من أكواد » ويمكننا إستدعاء الدوال بعدة أشكال أحدهما : 
- إستدعاء دالة من خارج اي دالة 
- إستدعاء دالة من داخل دالة 
- |wتدleء‏ دllةö‏ ilفlgm Recursive function‏ 
وهذا النوع من الدوال أكثر صعوبة » سيتم نقاشه في أخر هذا الفصل 


دعنا بعدما قمنا بتعريف الدالة ع9 ةءءNe‏ ۷٥۸0ء‏ أن نقوم بإاستخدامها 
كما بالمثال التالي 


مثال 


<HTML dir=rt1> 
<Tit1e> Jlgدلl‎ ءlادi‎ </Tit1e> 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript"> 


--إ< 


⁄// تعريف الدالة‎ showMessage 

function showMessage () { 
var userName = prompt أدخل اسمك من فضلك")‎ Trey 
alert (" : مرحبا بك‎ " + userName ); 

} 


eوwMessaس0طhء‏ نقوم بإستدعاء الدالة //⁄ 
showMessage ();‏ 


E> 
</SCRIPT> 
</HEAD> 
</HTML> 
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جاها سحربت المستوي الاول 


ويكون الناتج كالتالي 


Explorer User Prompt 


Script Prompt: 
E Lanczel 1 


وبعد إدخال الاسم بالقيمة محمد يكون الناتج كالتالي 


و 


جميل جدا لقد تم تنفيذ أكواد هذا الدالة بمجرد كتابة اسمها متبوعا بأقواس كما بالسطر التالي 


eوwMessaس0طhء‏ نقوم بإستدعاء الدالة //⁄ 


showMessage (); 


لاحظ ما هو أت _. 
ربما نحتاج في بعض الأحيان لعمل أكثر من دالة » وريما نحتاج لتنفيذ أحدي الدوال من داخل دالة أخري 
كما بالمثال التالي 


مثال 


<HTML dir=rt1> 
نداء الدوال بعضها لبعض <ه1غ11>‎ >/٣1غ1م<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 
= 


var userName; 


⁄// تعريف الدالة‎ showMessage 
function showMessage () { 
2 نقوم بإاستدعاء الدالة‎ getName 
// من داخل الدالة‎ showMessage 
getName (); 
alert (" : ”مرحبا بڭ‎ + userName ); 
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جافا سدربت المسدوي الاول 
Name‏ مي تعريف الدالة // 
function getName () {‏ 
nr");‏ أدخل إاسمك من فضلك") userName = prompt‏ 
J}‏ 


eوwMessaس0طء‏ نقوم بإستدعاء الدالة // 
showMessage ();‏ 


AAS 
</SCRIPT> 
</HEAD> 
</HTML> 


ويكون الناتج كما بالمثال السابق 


لاحظ معي السطرور التالية 
لقد تم إستدleء‏ |Jلدlلö getName‏ من دlخJè‏ JlıJlلö showMessage‏ 


geوshowMessa‏ تعريف الدالة //⁄ 
function showMessage () {‏ 
getName‏ نقوم بإستدعاء الدالة // 
showMessage‏ من داخل الدالة //⁄ 
getName ();‏ 
userName );‏ + ”مرحبا ب : "( alert‏ 
J}‏ 


// مي تعريف الدالة‎ Name 
function getName () { 
userName = prompt أدخل اسمكت من فضلك")‎ n, "r" ); 


لاحظ أيضا التالي 
لقد تم تغير قيمة المتغیر .۲۸ں من داخل الدالة N2۳"‏ امو . وتم عرض قيمته من داخل الدالة 
showMessage‏ كما يلي 


var userName; 


geوshowMessa‏ تعريف الدالة //⁄ 
function showMessage () {‏ 
Name‏ tمي‏ نقوم بإستدعاء الدالة // 
showMessage‏ من داخل الدالة //⁄ 
getName ();‏ 
userName );‏ + "”مرحبا ب : "( alert‏ 
} 


7 تعریف الدالة‎ getName 
function getName () { 
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جافا سحربت المستوي الاول 
"n," );‏ أدخل ا من فضلك") userName = prompt‏ 
} 


eوwMessaس0طء‏ نقوم بإستدعاء الدالة //⁄ 
showMessage ();‏ 


وهذا يقودنا إلي كيفية تعامل الدوال مع المتغيرات » ولإكتشاف هذا دعنا ننتقل للفقرة التالية . 


المتغيرات المحلية و العامة 
المتغيرات المحلية blesؤvaria Local‏ 


إذا تم تعزيف المخير ذاخل دالة » قلن تستطيع عرض أو تعذيل قيمة هذا المتغير إلا من ذاخل هذة الدالة المعرق بها 
ولا يمكنك عرض أو تعديل محتويات هذا المتفير من داخل دالة أخري » ويسمي هذا المتغير بمتغير محلي اةعها 
variable‏ كما بالمتال التالي 


مثال 


طەت ٤هي‏ تعريف الدالة // 
function getJob () {‏ 

م (”” ,” أدخل اسمك من فضd"( var userJob = prompt‏ 
1 


طەتس«هطء تعريف الدالة // 
function showJob () {‏ 

alert( " قيمة المتغير‎ userJob = " + userJob ); 
J} 


كما بالمثال السابق نجد أن المتغير المسمي ٥ه‏ [6۲كل تم تعريفه داخل الدالة 08 لعل . لذلك يعتبر هذا المتغير 
متفير محلي بالنسبة للدالة ظ0 9# ولا يمكن التعامل مع المتغير 06 58۲ا من خارج هذه الدالة او من داخل دالة 
خارجية اخري. 

ولو قمنا بعرض قيمة المتفير 0 58۲ا من داخل الدالة اه [۸0۷ء سيؤدي ذلك لحدوث خطأً كما بالسطر التالي 


alert( " قيمة المتغير‎ userJob = " + userJob ); 
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جافا سدربت المستوي الاول 
ملاحظة هامة 


يمكنك إستخدام نفس اسم المتفير في أكثر من دالة بشرط أن يتم تعريفه داخل كل دالة علي حدي > وسوف يتم 
التعامل مع كل متفير علي حدي داخل الدالة المعرف بها كما بالمتال التالي 


مثال 


<HTML dir=rt1> 
المتغيرات المحلية <م1خ11>‎ >/٣1٤1م٥<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<I-—- 


// تعريف الدالة‎ getJob 
Function funcl () { 
var userName = prompt ("dىضف م (”” ,” أدخل اسمك من‎ 


document.write ( userName ); 


} 


طەتس«هطء تعريف الدالة // 
function func2 () {‏ 


var userName = "hn"; 
alert ( userName ); 
funcl (); 
func2 (); 
> 
</SCRIPT> 


</HEAD> 
</HTML> 


كما بالمثال السابق نجد أن المتفير المسمي 15۵۲۸4۳8 تم تعريفه داخل الدالة ۴٠٠١1‏ و الدالة ۴1١٤2‏ » لكن يتم 
التعامل مع هذا المتغير علي أساس أنهم متغيرين كلا حسب مكان تعريفه داخل الدالة . 
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جاها سخربت المستوي الاول 


ويكون الناتج كما يلي 


El Microsoft Internet Explorer | 
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جاها سحربت المستوي الاول 


Global variables المتغيرات العامة‎ 


إذا تم تعريف المتغير خارج نطاق اي دالة اي علي مستوي الأسكربت العام . بهذا تستطيع عرض أو تعديل قيمة هذا 
المتغير من داخل اي دالة او من خارجهما » ويسمي هذا المتغير بمتغير عام عم اهجا اجطه‌ا كما بالمتال التالي 


مثال 
var userName;‏ 


⁄// تعريف الدالة‎ showMessage 
function showMessage () { 
// نقوم باستدعاء الدالة‎ getName 
⁄// من داخل الدالة‎ showMessage 
getName (); 
alert (" : "”مرحبا بك‎ + userName ); 
j} 


// مي تعريف الدالة‎ Name 
function getName () { 

n," );‏ أدخل اسمك من فضلك") userName = prompt‏ 
} 


Messageسsh0‏ نقوم بإستدعاء الدالة //⁄ 
showMessage ();‏ 


كما بالمثال السابق نجد أن المتغير المسمي ۳"8 5۵۲4ل تم تعريفه في الكود خارج نطاق اي دالة » وقد تم تفير 
قیمة المتغیر ۳۴ ۲N3aعھsیں‏ من داخل الدالة ۴ Na‏ مو . وتم عرض قيمته من داخJ‏ lıJ|lئö showMessage‏ 
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جاها سحربت المستوي الاول 


إسترحاع القيم من الدوال 


يمكن للدوال في الجافا سكربت إرجاع قيم للجحملة التي قامت بإستدعائها ‏ باستخدام الكلمة المحجوزة ۲۵۲1۲۸ . 


يتم وضع القيمة الراجعة من الدالة بعد الكلمة ۲۵۲۲۸ . 
القيمة الراجعة من الدالة يمكن تخزينها في متغير أو تكون وسط جملة حسابيه كما بالمثال التالي 


متال 


دعنا ندرس هذا المتال خطوة بخطوة 
getGuestName öلlıJ| «ءlexiwl linق J|‏ 


<HTML dir=rt1> 


>/1٤1٥<‏ إسترجاع القيم من الدوال <م1غ:1> 


<HEAD> 


<SCRIPT LANGUAGE="JavaScript'"> 


= 


// تعريف الدالة‎ يمteuest‎ Name 
function getGuestName () { 
var userName = prompt ("كdىژضف ,”آدخل اسمك من‎ ””( ; 


return userName; 


var returnName = getGuestName () ; 
alert ( returnName ); 


A> 
</SCRIPT> 


</HEAD> 
</HTML> 


وبما أن هذه الدالة تقوم بإرجاع قيمة » فسوف يتم تخزين القيمة الراجعة من الدالة في المتغير retu٢۸N4 ٣٠‏ 


كما بالسطر التالي 


فعند إستدعاء الدالة يتم تنفيذ الأكود التالية 


var returnName = getGuestName () ; 


; ر”” ,” أدخل اسمك من فضلڭ" ) var userName = pron pt‏ 


return userName; 


وكما نري يتم تنفيذ الأمر ۲0۳۴ ويتم تخزين القيمة الراجعة منه في المتغير المسمي ٣8‏ ه4١6۲كu‏ 


ثم يتم إنهاء الدالة والخروج منها بتنفيذ الامر التالي 


return userName; 


ویقوم الأُمر ۲۵۲1۲۳۸ بعمل شيئين أولهما إرحاع القيمة التالية له » ثم إنهاء تنفيذ الدالة . 
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جاها سحربت المستوي الاول 
بعد إنتهاء تنفيذ الدالة » يقوم مفسر اللغة ١۲8١١م١٠۲٠|‏ بالإنتقال إلي مكان إستدعاء الدالة كما بالسطر التالي 


var returnName = getGuestName () ; 


تم يتم تخزين القيمة الراجعة من الدالة م2۳ Nاesمget6Gu‏ في المتغير returnName‏ . 


A 
لاحظ أن اي أمر یکتب بعد الأُمر ۲۵۲۷۲۲۸ لا يتم تنفيذه » لأننا كما أشرنا إلي أن بمجرد تنفیذ الأمر ۲۵۲۷۲۸ يتم إرحاع‎ 
القيمة التالية له » ثم إنهاء الدالة‎ 


مثال 


<HTML dir=rt1> 
إسترجاع القيم من الدوال <م1غ:1>‎ >/71٤1م<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<== 


getGuestName‏ عرفت الال رر 

function getGuestName () { 
var userName = prompt ("dضف أدخل اسمك من‎ ”, ”"( ; 
return userName; 


0 إلي اللقاء") alert‏ 


var returnName = getGuestName (); 
alert ( returnName ); 
AAS 
</SCRIPT> 
</HEAD> 
</HTML> 


فعند تشغيل هذا الكود لن تظهر رسالة إلي اللقاء لأُنها أتت بعد الأُمر ۲۴۲۷۲۲ كما هو موضح 


// تعريف الدالة‎ getGuestName 

function getGuestName () { 
var userName = pron pt ) ر”” ,” أدخل اسمك من فضلڭ"‎ ; 
return userName; 


3 إلي اللقاء" ) alert‏ 
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جاها سحربت المستوي الاول 


تمرير المعاملات للدوال 


معاملات الدالة : 
هي قيم يتم تمريرها إلي الدالة من خارجها » يتم إستخدامها داخل الدالة 
ثم تمسح من ذاكرة البرنامج بمجرد إنتهاء عمل الدالة 


طريقة تمرير المعاملات للدوال : 
یتم تمریر المعاملات کt٣عumeںوAr‏ إلى الدوال بعدة طرق 
- معامل واحد أو آکتثر 
- lageمlںێڻت‏ |ختlaiرaı Optional argument‏ 
- لایتم عمل اي معاملات للداله ولکن يتم تمریر معاملات للداله بعدد غير محدد 
اي يمكنك تمرير اي عدد من القيم . 


دوال ذات معامل أو أكتثر 
متال 
<HTML dir=rt1>‏ 
<م1غ:٣/>‏ تمرير القيم إلي الدوال <م1خ11> 
<HEAD>‏ 


<SCRIPT LANGUAGE="JavaScript'"> 


ا 
var GuestName;‏ 
Name‏ eteuestء‏ تعريف الدالة // 


Function setGuestName ( name ) { 


GuestName = name; 


} 
setGuestName ("ùيسحنڏنا‎ ”( ; 
alert ( GuestName ); 
// =< 
</SCRIPT> 
</HEAD> 
</HTML> 


يتم تمرير المعاملات للدالة بين أقواس الدالة كما يلي 


// تعريف الدالة‎ ءeteuest‎ Name 
Function setGuestName ( name ) { 


ثم يتم إستخدام هذا المعامل علي انه متغير معرف داخل الدالة كما هم مبين بالسطر التالي 


Function setGuestName ( name ) { 


GuestName = name; 
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جاها سحربت المستوي الاول 


ثم يتم إستدعاء الدالة كما يلي 


مثال 


setGuestName ( "ùيصسحll”" ;)ر‎ 


نريد عمل دالة يتم تمرير معاملين لها ثم تقوم بإرجاع القيمة الأكبر للقيمتين 


في الدالة 98١۷3×‏ قمنا بتمرير معاملين كما يلي 


ثم تقوم بإرجاع القيمة الأكبر للعددين الممرران لها كما يلي 


ثم يتم إستدعاء الدالة كما يلي 
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7 


: num2 


: num2 


<HTML dir=rt1> 
تمرير القيم إلي الدوال <م1خ11>‎ >/٣:غ1م<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<== 


// تعریف الدالة‎ ye٤ Ma× 
function getMax ( numl1l , num2 ) { 


return ( num1 > num2 )? numl 


alert ( getMax (21,34) ); 
AE 
</SCRIPT> 
</HEAD> 
</HTML> 


// ×جياغمي تعريف الدالة‎ 
function getMax ( numl1 , num2 ) { 


4 تعریف الدالة‎ ye٤ Max 
function getMax ( numl1 , num2 ) { 


return ( num1 > num2 )? numl 


alert ( getMax (21,34) ); 


جاها سحربت المستوي الاول 


Optional Arguments ةıرlıتخإلا المعاملات‎ 

نريد عمل دالة يتم تمرير معاملين لها » ولكن المعامل الثاني يكون معامل إختياري optional argument‏ 
وظيفة هذه الدالة طباعة النص الممرر لها » بحيثِ يكون المعامل الأول عبارة عن محتوي النص المراد طباعة » أما 
المعامل الثاني يكون إختيار لإظهار رسالة ترحيب ام لا . 


مثال 


<HTML dir=rt1> 
تمرير القيم إلي الدوال <م1خ11>‎ >/٣:غ1م<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<= 


// تعريف الدالة‎ زءpم1ayMessaوe‎ 
function displayMessage ( messageText , dispalyHelloMessage ) { 
if( dispalyHelloMessage != null && dispalyHelloMessage ) 

; ر" مرحبا بڭ") غr a1‏ 


alert ( messageText ); 
displayMessage ( ”رسالة مرسلة"‎ , true ); 
displayMessage ( ,ر( "”رساله مرسلة"‎ 
Miz > 
</SCRIPT> 


</HEAD> 
</HTML> 


في الدالة ٥29كءع۷/1هامءاك‏ قمنا بتمرير معاملين المعامل الثاني ٥5529ء1‏ ه|اام۷۲اةمكاd‏ معامل إختياري 
اي ربما لا يمرر للدالة عند إستدعائها كما يلي 


// تعريف الدالة‎ زءpم1ayMessaوe‎ 
function displayMessage ( messageText , dispalyHelloMessage ) { 


تم إستدعاء الدالة essa‏ M٥|ااy1eاdispa‏ مرتين أحدهما تم تمرير المعامل الثاني لها بقيمة ع٥u٣)‏ 
والأخر لم يمرر لها إلا المعامل الأول فقط كما يلي 


displayMessage ( ر ”رسالة مرسلة"‎ EFue J); 
displayMessage ( ,ر( ”رساله مرسلة"‎ 


A> 
</SCRIPT> 
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جاها سحربت المستوي الاول 
تمرير عدد غير محدد من المعاملات إلى الدالة 


فیها لا یتم عمل اي معاملات للداله ولکن يتم تمریر معاملات للداله بعدد غير محدد 
اي يمكنك تمرير اي عدد من القيم . 


مثال 
نريد عمل دالة يمرر لها اي عدد من المعاملات ثم تقوم يإرجاع القيمة الأكبر لهذه القيم 


<HTML dir=rt1> 
تمرير القيم إلي الدوال <م1خ11>‎ >/٣:غ1م<‎ 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


-=-إ< 


7 تعریف الدالة‎ getMax 
function getMax () { 
var args = getMax. arguments; 


var max = args[0]; 


for( var i=l; i<args.length; i++ ){ 
if( max < argsl[i] ) 


max = args[i]; 
return max; 


alert ( getMax (21,34) ); 
alert ( getMax(2,43,5) ); 
alert ( getMax(2,1,3,4,7,4,8,1) ); 


AAS 
</SCRIPT> 


</HEAD> 
</HTML> 


وهذا المثال أقدمه لكم الأن بدون شرح حتي نتناول التعامل مع المصفوفات في الجزء الثالي من الكتاب 
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جاها سحربت المستوي الاول 


Recursive Function wail aJlدJ|‎ ءlاeعدiسإ‎ 


كما أشرنا سابقا أننا يمكننا إستدعاء دالة من داخل دالة أخري وقمنا بتطبيق أمثلة لذلك الغرض 
ولكن هل يمكن لدالة أن تستدعي نغسها من داخلها ؟ 


أجيب بنعم » ولكن بشرط وضع شرط ينهي إستدعاء الدالة لنفسها وإلا سوف يدخل البرنامج في حلقة من الدورات 
غير منتهيه 00| infinite‏ 


مثال علي ذلك عمل دالة رياضية تقوم بحساب المضروب الرياضي اهااه†عج۴ لقيمة المعامل الممرر لها 
يتم حساب المضروب الرياضي بالشكل التالي 

مضروب ۲ يساوي ۲ × ۲ × ۱ 

و مضروب ٤‏ يساوي > × ۳ × ۲ × ۱ 

و مضروب ٥ه‏ يساوي ×٥‏ ے × ۳ × ۲× )۱ 


مثال 


<HTML dir=rt1> 
>11t1ع< حساب المضروب‎ >/71٤1٥< 
<HEAD> 
<SCRIPT LANGUAGE="JavaScript'"> 


<== 


// تعريف الدالة‎ عactهria1‎ 
Function factorial ( number ) { 


if( number == 1 || number == 0 ) return 1l; 


return factorial ( number-1 ) * number; 


alert ( factorial (1) ); 
alert ( factorial(4) ); 


> 
</SCRIPT> 
</HEAD> 
</HTML> 


ويكون الناتج كما يلي 


E oszoft Internet Explorer 8 ozoft Internet Explorer 
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جاها سحربت المستوي الاول 


inner Function all> Jخاlد‎ aلJاد‎ 


يمكننا تعريف دالة داخل دالة كما يلي 


// تعريف الدالة‎ superFunction 
function superFunction ( number ) { 


nnerFunctionة‏ تعريف الدالة // 
دالة داخلبة //⁄ 
function innerFunction ( number ) {‏ 


} 


ر" إلي اللقاء مع الجزء الثاني" return‏ 


وهذا النوع المتقدم من الدوال سوف يتم شرحه في الجزء الثالث من هذا الكتاب الخاص بالبرمجة الكائنية للجافا 
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